@filip.mazev/blocks 1.2.34 → 1.2.36
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/blocks/schematics/ng-add/schema.json +6 -1
- package/core/styles/_index.scss +1 -0
- package/core/styles/_palettes.scss +31 -2
- package/core/styles/_theme-engine.scss +38 -30
- package/core/styles/themes/_cyberpunk-theme.scss +4 -0
- package/core/styles/themes/_high-contrast-theme.scss +6 -2
- package/fesm2022/filip.mazev-blocks-core.mjs +218 -44
- package/fesm2022/filip.mazev-blocks-core.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-forms.mjs +341 -6
- package/fesm2022/filip.mazev-blocks-forms.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-icons.mjs +2 -2
- package/fesm2022/filip.mazev-blocks-icons.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-modal.mjs +8 -8
- package/fesm2022/filip.mazev-blocks-modal.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-navigation.mjs +4 -55
- package/fesm2022/filip.mazev-blocks-navigation.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-primitives.mjs +245 -0
- package/fesm2022/filip.mazev-blocks-primitives.mjs.map +1 -0
- package/fesm2022/filip.mazev-blocks-toastr.mjs +4 -4
- package/fesm2022/filip.mazev-blocks-toastr.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks.mjs +1 -1
- package/fesm2022/filip.mazev-blocks.mjs.map +1 -1
- package/package.json +5 -1
- package/schematics/ng-add/index.d.ts +1 -1
- package/schematics/ng-add/schema.json +6 -1
- package/types/filip.mazev-blocks-core.d.ts +73 -21
- package/types/filip.mazev-blocks-forms.d.ts +153 -3
- package/types/filip.mazev-blocks-navigation.d.ts +2 -25
- package/types/filip.mazev-blocks-primitives.d.ts +85 -0
- package/types/filip.mazev-blocks.d.ts +1 -1
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, computed, input, booleanAttribute, HostListener, Component } from '@angular/core';
|
|
3
|
-
import { BxA11yService } from '@filip.mazev/blocks/core';
|
|
2
|
+
import { inject, computed, input, booleanAttribute, HostListener, Component, output, ViewChild, signal, ElementRef, Directive } from '@angular/core';
|
|
3
|
+
import { BxA11yService, BX_I18N, isTextWithKey, BxBaseControl, uuidv4, DEFAULT_DEBOUNCE_TIME } from '@filip.mazev/blocks/core';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
import { Icon } from '@filip.mazev/blocks/icons';
|
|
6
|
+
import { Tooltip, MenuItem } from '@filip.mazev/blocks/primitives';
|
|
7
|
+
import * as i1 from '@angular/cdk/overlay';
|
|
8
|
+
import { ConnectionPositionPair, OverlayModule } from '@angular/cdk/overlay';
|
|
9
|
+
import { Subject } from 'rxjs';
|
|
10
|
+
import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
|
|
4
11
|
|
|
5
12
|
class Button {
|
|
6
13
|
a11y = inject(BxA11yService);
|
|
@@ -12,6 +19,7 @@ class Button {
|
|
|
12
19
|
outlined = input(false, ...(ngDevMode ? [{ debugName: "outlined" }] : /* istanbul ignore next */ []));
|
|
13
20
|
elevated = input(false, ...(ngDevMode ? [{ debugName: "elevated" }] : /* istanbul ignore next */ []));
|
|
14
21
|
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
22
|
+
interactive = input(true, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
15
23
|
onClick(event) {
|
|
16
24
|
if (this.disabled()) {
|
|
17
25
|
event.preventDefault();
|
|
@@ -19,7 +27,7 @@ class Button {
|
|
|
19
27
|
}
|
|
20
28
|
}
|
|
21
29
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: Button, isStandalone: true, selector: "bx-button, button[bx-button], a[bx-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "\"bx-btn bx-btn-\" + variant() + \" bx-btn-color-\" + color()", "class.bx-btn-is-outlined": "outlined()", "class.bx-btn-is-elevated": "elevated()", "class.bx-btn-animated": "isAnimated()", "attr.disabled": "disabled() ? true : null", "attr.aria-disabled": "disabled()", "attr.tabindex": "disabled() ? \"-1\" : null" } }, ngImport: i0, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0A0A0A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host.bx-btn-animated{transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:hover,:host.bx-btn-fab:hover,:host.bx-btn-mini-fab:hover,:host.bx-btn-extended-fab:hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:active,:host.bx-btn-fab:active,:host.bx-btn-mini-fab:active,:host.bx-btn-extended-fab:active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:hover,:host.bx-btn-icon:hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:active,:host.bx-btn-icon:active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:hover{opacity:.8}:host.bx-btn-tonal:active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: Button, isStandalone: true, selector: "bx-button, button[bx-button], a[bx-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "\"bx-btn bx-btn-\" + variant() + \" bx-btn-color-\" + color()", "class.bx-btn-is-outlined": "outlined()", "class.bx-btn-is-elevated": "elevated()", "class.bx-btn-animated": "isAnimated()", "class.bx-btn-non-interactive": "!interactive()", "attr.disabled": "disabled() ? true : null", "attr.aria-disabled": "disabled()", "attr.tabindex": "disabled() ? \"-1\" : null" } }, ngImport: i0, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host.bx-btn-animated{transition:background-color .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out}:host.bx-btn-non-interactive{cursor:default}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:not(.bx-btn-non-interactive):hover,:host.bx-btn-fab:not(.bx-btn-non-interactive):hover,:host.bx-btn-mini-fab:not(.bx-btn-non-interactive):hover,:host.bx-btn-extended-fab:not(.bx-btn-non-interactive):hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:not(.bx-btn-non-interactive):active,:host.bx-btn-fab:not(.bx-btn-non-interactive):active,:host.bx-btn-mini-fab:not(.bx-btn-non-interactive):active,:host.bx-btn-extended-fab:not(.bx-btn-non-interactive):active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:not(.bx-btn-non-interactive):hover,:host.bx-btn-icon:not(.bx-btn-non-interactive):hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:not(.bx-btn-non-interactive):active,:host.bx-btn-icon:not(.bx-btn-non-interactive):active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:not(.bx-btn-non-interactive):hover{opacity:.8}:host.bx-btn-tonal:not(.bx-btn-non-interactive):active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:not(.bx-btn-non-interactive):active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] });
|
|
23
31
|
}
|
|
24
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Button, decorators: [{
|
|
25
33
|
type: Component,
|
|
@@ -28,15 +36,342 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
28
36
|
'[class.bx-btn-is-outlined]': 'outlined()',
|
|
29
37
|
'[class.bx-btn-is-elevated]': 'elevated()',
|
|
30
38
|
'[class.bx-btn-animated]': 'isAnimated()',
|
|
39
|
+
'[class.bx-btn-non-interactive]': '!interactive()',
|
|
31
40
|
'[attr.disabled]': 'disabled() ? true : null',
|
|
32
41
|
'[attr.aria-disabled]': 'disabled()',
|
|
33
42
|
'[attr.tabindex]': 'disabled() ? "-1" : null'
|
|
34
|
-
}, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0A0A0A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host.bx-btn-animated{transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:hover,:host.bx-btn-fab:hover,:host.bx-btn-mini-fab:hover,:host.bx-btn-extended-fab:hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:active,:host.bx-btn-fab:active,:host.bx-btn-mini-fab:active,:host.bx-btn-extended-fab:active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:hover,:host.bx-btn-icon:hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:active,:host.bx-btn-icon:active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:hover{opacity:.8}:host.bx-btn-tonal:active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] }]
|
|
35
|
-
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], onClick: [{
|
|
43
|
+
}, template: "<span class=\"bx-btn-content-wrapper\">\n <ng-content></ng-content>\n</span>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;text-decoration:none;box-sizing:border-box;border:1px solid transparent}:host.bx-btn-animated{transition:background-color .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out}:host.bx-btn-non-interactive{cursor:default}:host[disabled],:host[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;box-shadow:none!important}:host.bx-btn-color-primary{--btn-theme-base: var(--bx-primary);--btn-theme-hover: var(--bx-primary-hover);--btn-theme-active: var(--bx-primary-active);--btn-theme-text: var(--bx-on-primary);--btn-theme-tonal-bg: var(--bx-primary-subtle);--btn-theme-tonal-text: var(--bx-text-brand);--btn-theme-border: var(--bx-border-brand)}:host.bx-btn-color-danger{--btn-theme-base: var(--bx-bg-danger);--btn-theme-hover: var(--bx-bg-danger-hover);--btn-theme-active: var(--bx-bg-danger-active);--btn-theme-text: var(--bx-text-danger);--btn-theme-tonal-bg: var(--bx-bg-danger-subtle);--btn-theme-tonal-text: var(--bx-text-danger);--btn-theme-border: var(--bx-border-danger)}:host.bx-btn-color-success{--btn-theme-base: var(--bx-bg-success);--btn-theme-hover: var(--bx-bg-success-hover);--btn-theme-active: var(--bx-bg-success-active);--btn-theme-text: var(--bx-text-success);--btn-theme-tonal-bg: var(--bx-bg-success-subtle);--btn-theme-tonal-text: var(--bx-text-success);--btn-theme-border: var(--bx-border-success)}:host.bx-btn-color-info{--btn-theme-base: var(--bx-bg-info);--btn-theme-hover: var(--bx-bg-info-hover);--btn-theme-active: var(--bx-bg-info-active);--btn-theme-text: var(--bx-text-info);--btn-theme-tonal-bg: var(--bx-bg-info-subtle);--btn-theme-tonal-text: var(--bx-text-info);--btn-theme-border: var(--bx-border-info)}:host.bx-btn-color-warn{--btn-theme-base: var(--bx-bg-warn);--btn-theme-hover: var(--bx-bg-warn-hover);--btn-theme-active: var(--bx-bg-warn-active);--btn-theme-text: var(--bx-text-warn);--btn-theme-tonal-bg: var(--bx-bg-warn-subtle);--btn-theme-tonal-text: var(--bx-text-warn);--btn-theme-border: var(--bx-border-warn)}:host.bx-btn-color-grayscale{--btn-theme-base: var(--bx-bg-element);--btn-theme-hover: var(--bx-bg-element-hover);--btn-theme-active: var(--bx-bg-element-active);--btn-theme-text: var(--bx-text-primary);--btn-theme-tonal-bg: var(--bx-bg-surface-alt);--btn-theme-tonal-text: var(--bx-text-primary);--btn-theme-border: var(--bx-border-strong)}:host.bx-btn-text,:host.bx-btn-filled,:host.bx-btn-tonal{padding:.5rem 1rem;border-radius:.25rem}:host.bx-btn-icon,:host.bx-btn-fab,:host.bx-btn-mini-fab{padding:0;border-radius:50%}:host.bx-btn-icon .bx-btn-content-wrapper,:host.bx-btn-fab .bx-btn-content-wrapper,:host.bx-btn-mini-fab .bx-btn-content-wrapper{gap:0}:host.bx-btn-filled,:host.bx-btn-fab,:host.bx-btn-mini-fab,:host.bx-btn-extended-fab{background:var(--btn-theme-base);color:var(--btn-theme-text)}:host.bx-btn-filled:not(.bx-btn-non-interactive):hover,:host.bx-btn-fab:not(.bx-btn-non-interactive):hover,:host.bx-btn-mini-fab:not(.bx-btn-non-interactive):hover,:host.bx-btn-extended-fab:not(.bx-btn-non-interactive):hover{background:var(--btn-theme-hover)}:host.bx-btn-filled:not(.bx-btn-non-interactive):active,:host.bx-btn-fab:not(.bx-btn-non-interactive):active,:host.bx-btn-mini-fab:not(.bx-btn-non-interactive):active,:host.bx-btn-extended-fab:not(.bx-btn-non-interactive):active{background:var(--btn-theme-active)}:host.bx-btn-text,:host.bx-btn-icon{background:transparent;color:var(--btn-theme-text)}:host.bx-btn-text:not(.bx-btn-non-interactive):hover,:host.bx-btn-icon:not(.bx-btn-non-interactive):hover{background:var(--btn-theme-tonal-bg)}:host.bx-btn-text:not(.bx-btn-non-interactive):active,:host.bx-btn-icon:not(.bx-btn-non-interactive):active{background:var(--btn-theme-active)}:host.bx-btn-tonal{background:var(--btn-theme-tonal-bg);color:var(--btn-theme-tonal-text)}:host.bx-btn-tonal:not(.bx-btn-non-interactive):hover{opacity:.8}:host.bx-btn-tonal:not(.bx-btn-non-interactive):active{opacity:.9}:host.bx-btn-icon,:host.bx-btn-mini-fab{width:2.5rem;height:2.5rem}:host.bx-btn-fab{width:3.5rem;height:3.5rem}:host.bx-btn-extended-fab{padding:0 1.5rem;height:3.5rem;border-radius:9999px}:host.bx-btn-is-outlined{border-color:var(--btn-theme-border)}:host.bx-btn-is-elevated{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}:host.bx-btn-is-elevated:not(.bx-btn-non-interactive):active{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-btn-content-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;color:inherit}\n"] }]
|
|
44
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], outlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "outlined", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], onClick: [{
|
|
36
45
|
type: HostListener,
|
|
37
46
|
args: ['click', ['$event']]
|
|
38
47
|
}] } });
|
|
39
48
|
|
|
49
|
+
class FormField {
|
|
50
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
51
|
+
a11y = inject(BxA11yService);
|
|
52
|
+
label = input(undefined, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
53
|
+
tooltip = input(undefined, ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
|
|
54
|
+
error = input(undefined, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
|
|
55
|
+
required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
|
|
56
|
+
loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
57
|
+
forId = input('', ...(ngDevMode ? [{ debugName: "forId" }] : /* istanbul ignore next */ []));
|
|
58
|
+
isAnimated = computed(() => !this.a11y.isReducedMotion(), ...(ngDevMode ? [{ debugName: "isAnimated" }] : /* istanbul ignore next */ []));
|
|
59
|
+
resolvedLabel = computed(() => this.resolveText(this.label()), ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
|
|
60
|
+
resolvedError = computed(() => this.resolveText(this.error()), ...(ngDevMode ? [{ debugName: "resolvedError" }] : /* istanbul ignore next */ []));
|
|
61
|
+
showTooltip = false;
|
|
62
|
+
resolveText(textObj) {
|
|
63
|
+
this.i18n?.version?.();
|
|
64
|
+
if (!textObj)
|
|
65
|
+
return undefined;
|
|
66
|
+
if (isTextWithKey(textObj)) {
|
|
67
|
+
return this.i18n?.translate(textObj.key) ?? textObj.key;
|
|
68
|
+
}
|
|
69
|
+
return textObj;
|
|
70
|
+
}
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
72
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormField, isStandalone: true, selector: "bx-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, forId: { classPropertyName: "forId", publicName: "forId", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"bx-field-wrapper\" [class.is-invalid]=\"!!resolvedError()\">\n\n @if (resolvedLabel()) {\n <div class=\"bx-field-header\">\n <label class=\"bx-field-label\" [attr.for]=\"forId()\">\n {{ resolvedLabel() }}\n @if (required()) { <span class=\"bx-field-required\">*</span> }\n </label>\n\n @if (tooltip()) {\n <div class=\"bx-field-tooltip-trigger\" (mouseenter)=\"showTooltip = true\" (mouseleave)=\"showTooltip = false\"\n tabindex=\"0\">\n <bx-icon name=\"help-circle\" size=\"16\"></bx-icon>\n @if (showTooltip) {\n <bx-tooltip class=\"bx-overlay-pos-top\" [text]=\"tooltip()!\"></bx-tooltip>\n }\n </div>\n }\n\n @if (loading()) {\n <bx-icon name=\"loader\" class=\"bx-spin\" size=\"16\"></bx-icon>\n }\n </div>\n }\n\n <div class=\"bx-field-control\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"bx-field-error-projected\">\n <ng-content select=\"bx-error\"></ng-content>\n </div>\n\n @if (resolvedError()) {\n <div class=\"bx-field-error\" [class.bx-animated]=\"isAnimated()\">\n <bx-icon name=\"alert-circle\" size=\"16\"></bx-icon>\n <span>{{ resolvedError() }}</span>\n </div>\n }\n</div>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block;width:100%}.bx-field-wrapper{display:flex;flex-direction:column;gap:.25rem}.bx-field-header{display:flex;align-items:center;gap:.25rem;min-height:1.25rem}.bx-field-label{font-size:.875rem;font-weight:500;color:var(--bx-text-primary);-webkit-user-select:none;user-select:none}.bx-field-required{color:var(--bx-text-danger);margin-left:.125rem}.bx-field-tooltip-trigger{position:relative;display:inline-flex;color:var(--bx-text-secondary);cursor:help;outline:none}.bx-field-tooltip-trigger:hover,.bx-field-tooltip-trigger:focus-visible{color:var(--bx-text-brand)}.bx-field-tooltip-trigger bx-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.bx-spin{animation:bx-spin 1s linear infinite;color:var(--bx-text-secondary)}.bx-field-error{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--bx-text-danger);margin-top:.125rem}.bx-field-error.bx-animated{animation:bx-slide-down .2s cubic-bezier(.25,.8,.25,1) forwards}@keyframes bx-spin{to{transform:rotate(360deg)}}@keyframes bx-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }, { kind: "component", type: Tooltip, selector: "bx-tooltip", inputs: ["text"] }] });
|
|
73
|
+
}
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormField, decorators: [{
|
|
75
|
+
type: Component,
|
|
76
|
+
args: [{ selector: 'bx-form-field', standalone: true, imports: [CommonModule, Icon, Tooltip], template: "<div class=\"bx-field-wrapper\" [class.is-invalid]=\"!!resolvedError()\">\n\n @if (resolvedLabel()) {\n <div class=\"bx-field-header\">\n <label class=\"bx-field-label\" [attr.for]=\"forId()\">\n {{ resolvedLabel() }}\n @if (required()) { <span class=\"bx-field-required\">*</span> }\n </label>\n\n @if (tooltip()) {\n <div class=\"bx-field-tooltip-trigger\" (mouseenter)=\"showTooltip = true\" (mouseleave)=\"showTooltip = false\"\n tabindex=\"0\">\n <bx-icon name=\"help-circle\" size=\"16\"></bx-icon>\n @if (showTooltip) {\n <bx-tooltip class=\"bx-overlay-pos-top\" [text]=\"tooltip()!\"></bx-tooltip>\n }\n </div>\n }\n\n @if (loading()) {\n <bx-icon name=\"loader\" class=\"bx-spin\" size=\"16\"></bx-icon>\n }\n </div>\n }\n\n <div class=\"bx-field-control\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"bx-field-error-projected\">\n <ng-content select=\"bx-error\"></ng-content>\n </div>\n\n @if (resolvedError()) {\n <div class=\"bx-field-error\" [class.bx-animated]=\"isAnimated()\">\n <bx-icon name=\"alert-circle\" size=\"16\"></bx-icon>\n <span>{{ resolvedError() }}</span>\n </div>\n }\n</div>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block;width:100%}.bx-field-wrapper{display:flex;flex-direction:column;gap:.25rem}.bx-field-header{display:flex;align-items:center;gap:.25rem;min-height:1.25rem}.bx-field-label{font-size:.875rem;font-weight:500;color:var(--bx-text-primary);-webkit-user-select:none;user-select:none}.bx-field-required{color:var(--bx-text-danger);margin-left:.125rem}.bx-field-tooltip-trigger{position:relative;display:inline-flex;color:var(--bx-text-secondary);cursor:help;outline:none}.bx-field-tooltip-trigger:hover,.bx-field-tooltip-trigger:focus-visible{color:var(--bx-text-brand)}.bx-field-tooltip-trigger bx-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.bx-spin{animation:bx-spin 1s linear infinite;color:var(--bx-text-secondary)}.bx-field-error{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--bx-text-danger);margin-top:.125rem}.bx-field-error.bx-animated{animation:bx-slide-down .2s cubic-bezier(.25,.8,.25,1) forwards}@keyframes bx-spin{to{transform:rotate(360deg)}}@keyframes bx-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
|
|
77
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], forId: [{ type: i0.Input, args: [{ isSignal: true, alias: "forId", required: false }] }] } });
|
|
78
|
+
|
|
79
|
+
class Checkbox extends BxBaseControl {
|
|
80
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
81
|
+
inputId = computed(() => `bx-checkbox-${uuidv4()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
82
|
+
showTooltip = false;
|
|
83
|
+
resolvedLabel = computed(() => {
|
|
84
|
+
this.i18n?.version?.();
|
|
85
|
+
const l = this.label();
|
|
86
|
+
if (!l)
|
|
87
|
+
return undefined;
|
|
88
|
+
return isTextWithKey(l) ? (this.i18n?.translate(l.key) ?? l.key) : l;
|
|
89
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
|
|
90
|
+
onToggle(event) {
|
|
91
|
+
const target = event.target;
|
|
92
|
+
this.updateValue(target.checked);
|
|
93
|
+
}
|
|
94
|
+
onBlur() {
|
|
95
|
+
this.markAsTouched();
|
|
96
|
+
}
|
|
97
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Checkbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
98
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Checkbox, isStandalone: true, selector: "bx-checkbox", usesInheritance: true, ngImport: i0, template: "<bx-form-field [error]=\"errorMessage\" [loading]=\"loading()\" [forId]=\"inputId()\">\n <label class=\"bx-inline-wrapper\" [class.is-disabled]=\"isDisabled()\">\n <input type=\"checkbox\" class=\"bx-visually-hidden\" [attr.id]=\"inputId()\" [attr.data-testid]=\"dataTestId()\"\n [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled()\" [checked]=\"internalValue() === true\"\n (change)=\"onToggle($event)\" (blur)=\"onBlur()\">\n\n <div class=\"bx-checkbox-box\" [class.is-checked]=\"internalValue() === true\" [class.is-invalid]=\"!!errorMessage\">\n @if (internalValue() === true) {\n <bx-icon name=\"check\" size=\"16\"></bx-icon>\n }\n </div>\n\n @if (resolvedLabel()) {\n <span class=\"bx-inline-label\">\n {{ resolvedLabel() }}\n @if (required()) { <span class=\"bx-inline-required\">*</span> }\n </span>\n }\n </label>\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block}.bx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bx-inline-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:1.5rem;vertical-align:middle}.bx-inline-wrapper.is-disabled{opacity:.5;cursor:not-allowed}.bx-inline-label{font-size:.875rem;color:var(--bx-text-primary);line-height:1.5}.bx-inline-required{color:var(--bx-text-danger);margin-left:.125rem}.bx-checkbox-box{box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;line-height:0;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-strong);border-radius:var(--bx-rounded-sm);color:var(--bx-on-primary);transition:background-color .15s ease,border-color .15s ease}.bx-checkbox-box.is-invalid{border-color:var(--bx-border-danger);background-color:var(--bx-bg-danger-subtle)}.bx-checkbox-box.is-checked{background-color:var(--bx-primary);border-color:var(--bx-primary)}.bx-checkbox-box.is-checked.is-invalid{background-color:var(--bx-bg-danger);border-color:var(--bx-border-danger)}input:focus-visible~.bx-checkbox-box{box-shadow:0 0 0 3px var(--bx-primary-subtle)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "bx-form-field", inputs: ["label", "tooltip", "error", "required", "loading", "forId"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }] });
|
|
99
|
+
}
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Checkbox, decorators: [{
|
|
101
|
+
type: Component,
|
|
102
|
+
args: [{ selector: 'bx-checkbox', standalone: true, imports: [CommonModule, FormField, Icon], template: "<bx-form-field [error]=\"errorMessage\" [loading]=\"loading()\" [forId]=\"inputId()\">\n <label class=\"bx-inline-wrapper\" [class.is-disabled]=\"isDisabled()\">\n <input type=\"checkbox\" class=\"bx-visually-hidden\" [attr.id]=\"inputId()\" [attr.data-testid]=\"dataTestId()\"\n [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled()\" [checked]=\"internalValue() === true\"\n (change)=\"onToggle($event)\" (blur)=\"onBlur()\">\n\n <div class=\"bx-checkbox-box\" [class.is-checked]=\"internalValue() === true\" [class.is-invalid]=\"!!errorMessage\">\n @if (internalValue() === true) {\n <bx-icon name=\"check\" size=\"16\"></bx-icon>\n }\n </div>\n\n @if (resolvedLabel()) {\n <span class=\"bx-inline-label\">\n {{ resolvedLabel() }}\n @if (required()) { <span class=\"bx-inline-required\">*</span> }\n </span>\n }\n </label>\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block}.bx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bx-inline-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:1.5rem;vertical-align:middle}.bx-inline-wrapper.is-disabled{opacity:.5;cursor:not-allowed}.bx-inline-label{font-size:.875rem;color:var(--bx-text-primary);line-height:1.5}.bx-inline-required{color:var(--bx-text-danger);margin-left:.125rem}.bx-checkbox-box{box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;line-height:0;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-strong);border-radius:var(--bx-rounded-sm);color:var(--bx-on-primary);transition:background-color .15s ease,border-color .15s ease}.bx-checkbox-box.is-invalid{border-color:var(--bx-border-danger);background-color:var(--bx-bg-danger-subtle)}.bx-checkbox-box.is-checked{background-color:var(--bx-primary);border-color:var(--bx-primary)}.bx-checkbox-box.is-checked.is-invalid{background-color:var(--bx-bg-danger);border-color:var(--bx-border-danger)}input:focus-visible~.bx-checkbox-box{box-shadow:0 0 0 3px var(--bx-primary-subtle)}\n"] }]
|
|
103
|
+
}] });
|
|
104
|
+
|
|
105
|
+
class InputField extends BxBaseControl {
|
|
106
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
107
|
+
inputId = computed(() => `bx-input-${uuidv4()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
108
|
+
type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
109
|
+
min = input(undefined, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
|
|
110
|
+
max = input(undefined, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
|
|
111
|
+
step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
|
|
112
|
+
spinTimeout;
|
|
113
|
+
spinInterval;
|
|
114
|
+
resolvedPlaceholder = computed(() => {
|
|
115
|
+
this.i18n?.version?.();
|
|
116
|
+
const p = this.placeholder();
|
|
117
|
+
if (!p)
|
|
118
|
+
return '';
|
|
119
|
+
return isTextWithKey(p) ? (this.i18n?.translate(p.key) ?? p.key) : p;
|
|
120
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedPlaceholder" }] : /* istanbul ignore next */ []));
|
|
121
|
+
onInput(event) {
|
|
122
|
+
const target = event.target;
|
|
123
|
+
const value = this.type() === 'number'
|
|
124
|
+
? (target.value === '' ? null : Number(target.value))
|
|
125
|
+
: target.value;
|
|
126
|
+
this.updateValue(value);
|
|
127
|
+
}
|
|
128
|
+
onBlur() {
|
|
129
|
+
this.markAsTouched();
|
|
130
|
+
}
|
|
131
|
+
startSpin(direction, event) {
|
|
132
|
+
event.preventDefault();
|
|
133
|
+
if (this.isDisabled())
|
|
134
|
+
return;
|
|
135
|
+
this.applyStep(direction);
|
|
136
|
+
this.spinTimeout = setTimeout(() => {
|
|
137
|
+
this.spinInterval = setInterval(() => {
|
|
138
|
+
this.applyStep(direction);
|
|
139
|
+
}, 50);
|
|
140
|
+
}, 400);
|
|
141
|
+
}
|
|
142
|
+
stopSpin() {
|
|
143
|
+
clearTimeout(this.spinTimeout);
|
|
144
|
+
clearInterval(this.spinInterval);
|
|
145
|
+
}
|
|
146
|
+
applyStep(direction) {
|
|
147
|
+
const current = Number(this.internalValue()) || 0;
|
|
148
|
+
let next = current + (direction * this.step());
|
|
149
|
+
if (this.min() !== undefined && next < this.min())
|
|
150
|
+
next = this.min();
|
|
151
|
+
if (this.max() !== undefined && next > this.max())
|
|
152
|
+
next = this.max();
|
|
153
|
+
this.updateValue(next);
|
|
154
|
+
this.markAsTouched();
|
|
155
|
+
}
|
|
156
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputField, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
157
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: InputField, isStandalone: true, selector: "bx-input-field", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<bx-form-field [label]=\"label()\" [tooltip]=\"tooltip()\" [error]=\"errorMessage\" [loading]=\"loading()\"\n [required]=\"required()\" [forId]=\"inputId()\">\n\n <div class=\"bx-input-wrapper\" [class.is-invalid]=\"!!errorMessage\" [class.is-disabled]=\"isDisabled()\"\n [class.has-spinners]=\"type() === 'number'\">\n\n <input class=\"bx-native-input\" [attr.id]=\"inputId()\" [attr.type]=\"type()\"\n [attr.placeholder]=\"resolvedPlaceholder()\" [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\"\n [attr.min]=\"min()\" [attr.max]=\"max()\" [attr.step]=\"step()\" [disabled]=\"isDisabled()\"\n [value]=\"internalValue() ?? ''\" (input)=\"onInput($event)\" (blur)=\"onBlur()\">\n\n @if (type() === 'number') {\n <div class=\"bx-spinners-group\">\n <button type=\"button\" class=\"bx-spin-btn\" tabindex=\"-1\"\n [disabled]=\"isDisabled() || (min() !== undefined && internalValue() <= min()!)\"\n (mousedown)=\"startSpin(-1, $event)\" (touchstart)=\"startSpin(-1, $event)\" (mouseup)=\"stopSpin()\"\n (mouseleave)=\"stopSpin()\" (touchend)=\"stopSpin()\">\n <bx-icon name=\"minus\" size=\"16\"></bx-icon>\n </button>\n\n <button type=\"button\" class=\"bx-spin-btn\" tabindex=\"-1\"\n [disabled]=\"isDisabled() || (max() !== undefined && internalValue() >= max()!)\"\n (mousedown)=\"startSpin(1, $event)\" (touchstart)=\"startSpin(1, $event)\" (mouseup)=\"stopSpin()\"\n (mouseleave)=\"stopSpin()\" (touchend)=\"stopSpin()\">\n <bx-icon name=\"plus\" size=\"16\"></bx-icon>\n </button>\n </div>\n }\n\n </div>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block;width:100%}.bx-input-wrapper{display:flex;align-items:center;width:100%;box-sizing:border-box;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-default);border-radius:.25rem;transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.bx-input-wrapper:hover:not(.is-disabled){border-color:var(--bx-border-strong)}.bx-input-wrapper:focus-within:not(.is-disabled){border-color:var(--bx-border-brand);box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-input-wrapper.is-invalid{border-color:var(--bx-border-danger)}.bx-input-wrapper.is-invalid:focus-within{box-shadow:0 0 0 3px var(--bx-bg-danger-subtle)}.bx-input-wrapper.is-disabled{background-color:var(--bx-bg-element);opacity:.7}.bx-native-input{flex:1;width:100%;box-sizing:border-box;padding:.5rem .75rem;background:transparent;border:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--bx-text-heading)}.bx-native-input::placeholder{color:var(--bx-text-secondary)}.bx-native-input:disabled{color:var(--bx-text-secondary);cursor:not-allowed}.bx-native-input{appearance:textfield;-moz-appearance:textfield}.bx-native-input::-webkit-outer-spin-button,.bx-native-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bx-spinners-group{display:flex;align-items:center;align-self:stretch}.bx-spin-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;align-self:stretch;background:transparent;border:none;border-left:1px solid var(--bx-border-subtle);color:var(--bx-text-secondary);cursor:pointer;outline:none;transition:background-color .1s ease,color .1s ease}.bx-spin-btn:hover:not(:disabled){background-color:var(--bx-bg-element-hover);color:var(--bx-text-primary)}.bx-spin-btn:active:not(:disabled){background-color:var(--bx-bg-element-active)}.bx-spin-btn:disabled{cursor:not-allowed;opacity:.3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "bx-form-field", inputs: ["label", "tooltip", "error", "required", "loading", "forId"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }] });
|
|
158
|
+
}
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: InputField, decorators: [{
|
|
160
|
+
type: Component,
|
|
161
|
+
args: [{ selector: 'bx-input-field', standalone: true, imports: [CommonModule, FormField, Icon], template: "<bx-form-field [label]=\"label()\" [tooltip]=\"tooltip()\" [error]=\"errorMessage\" [loading]=\"loading()\"\n [required]=\"required()\" [forId]=\"inputId()\">\n\n <div class=\"bx-input-wrapper\" [class.is-invalid]=\"!!errorMessage\" [class.is-disabled]=\"isDisabled()\"\n [class.has-spinners]=\"type() === 'number'\">\n\n <input class=\"bx-native-input\" [attr.id]=\"inputId()\" [attr.type]=\"type()\"\n [attr.placeholder]=\"resolvedPlaceholder()\" [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\"\n [attr.min]=\"min()\" [attr.max]=\"max()\" [attr.step]=\"step()\" [disabled]=\"isDisabled()\"\n [value]=\"internalValue() ?? ''\" (input)=\"onInput($event)\" (blur)=\"onBlur()\">\n\n @if (type() === 'number') {\n <div class=\"bx-spinners-group\">\n <button type=\"button\" class=\"bx-spin-btn\" tabindex=\"-1\"\n [disabled]=\"isDisabled() || (min() !== undefined && internalValue() <= min()!)\"\n (mousedown)=\"startSpin(-1, $event)\" (touchstart)=\"startSpin(-1, $event)\" (mouseup)=\"stopSpin()\"\n (mouseleave)=\"stopSpin()\" (touchend)=\"stopSpin()\">\n <bx-icon name=\"minus\" size=\"16\"></bx-icon>\n </button>\n\n <button type=\"button\" class=\"bx-spin-btn\" tabindex=\"-1\"\n [disabled]=\"isDisabled() || (max() !== undefined && internalValue() >= max()!)\"\n (mousedown)=\"startSpin(1, $event)\" (touchstart)=\"startSpin(1, $event)\" (mouseup)=\"stopSpin()\"\n (mouseleave)=\"stopSpin()\" (touchend)=\"stopSpin()\">\n <bx-icon name=\"plus\" size=\"16\"></bx-icon>\n </button>\n </div>\n }\n\n </div>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block;width:100%}.bx-input-wrapper{display:flex;align-items:center;width:100%;box-sizing:border-box;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-default);border-radius:.25rem;transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.bx-input-wrapper:hover:not(.is-disabled){border-color:var(--bx-border-strong)}.bx-input-wrapper:focus-within:not(.is-disabled){border-color:var(--bx-border-brand);box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-input-wrapper.is-invalid{border-color:var(--bx-border-danger)}.bx-input-wrapper.is-invalid:focus-within{box-shadow:0 0 0 3px var(--bx-bg-danger-subtle)}.bx-input-wrapper.is-disabled{background-color:var(--bx-bg-element);opacity:.7}.bx-native-input{flex:1;width:100%;box-sizing:border-box;padding:.5rem .75rem;background:transparent;border:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--bx-text-heading)}.bx-native-input::placeholder{color:var(--bx-text-secondary)}.bx-native-input:disabled{color:var(--bx-text-secondary);cursor:not-allowed}.bx-native-input{appearance:textfield;-moz-appearance:textfield}.bx-native-input::-webkit-outer-spin-button,.bx-native-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bx-spinners-group{display:flex;align-items:center;align-self:stretch}.bx-spin-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;align-self:stretch;background:transparent;border:none;border-left:1px solid var(--bx-border-subtle);color:var(--bx-text-secondary);cursor:pointer;outline:none;transition:background-color .1s ease,color .1s ease}.bx-spin-btn:hover:not(:disabled){background-color:var(--bx-bg-element-hover);color:var(--bx-text-primary)}.bx-spin-btn:active:not(:disabled){background-color:var(--bx-bg-element-active)}.bx-spin-btn:disabled{cursor:not-allowed;opacity:.3}\n"] }]
|
|
162
|
+
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }] } });
|
|
163
|
+
|
|
164
|
+
class Radio extends BxBaseControl {
|
|
165
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
166
|
+
value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
167
|
+
name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
168
|
+
inputId = computed(() => `bx-radio-${uuidv4()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
169
|
+
showTooltip = false;
|
|
170
|
+
resolvedLabel = computed(() => {
|
|
171
|
+
this.i18n?.version?.();
|
|
172
|
+
const l = this.label();
|
|
173
|
+
if (!l)
|
|
174
|
+
return undefined;
|
|
175
|
+
return isTextWithKey(l) ? (this.i18n?.translate(l.key) ?? l.key) : l;
|
|
176
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
|
|
177
|
+
onSelect() {
|
|
178
|
+
if (!this.isDisabled()) {
|
|
179
|
+
this.updateValue(this.value());
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
onBlur() {
|
|
183
|
+
this.markAsTouched();
|
|
184
|
+
}
|
|
185
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Radio, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
186
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Radio, isStandalone: true, selector: "bx-radio", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<bx-form-field [error]=\"errorMessage\" [loading]=\"loading()\" [forId]=\"inputId()\">\n <label class=\"bx-inline-wrapper\" [class.is-disabled]=\"isDisabled()\">\n <input type=\"radio\" class=\"bx-visually-hidden\" [attr.id]=\"inputId()\" [attr.name]=\"name() || null\"\n [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled()\"\n [checked]=\"internalValue() === value()\" (change)=\"onSelect()\" (blur)=\"onBlur()\">\n\n <div class=\"bx-radio-circle\" [class.is-checked]=\"internalValue() === value()\"\n [class.is-invalid]=\"!!errorMessage\">\n <div class=\"bx-radio-inner\"></div>\n </div>\n\n @if (resolvedLabel()) {\n }\n </label>\n</bx-form-field>", styles: [".bx-radio-circle{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-strong);border-radius:50%;transition:border-color .15s ease}.bx-radio-circle.is-invalid{border-color:var(--bx-border-danger);background-color:var(--bx-bg-danger-subtle)}.bx-radio-circle.is-checked{border-color:var(--bx-primary)}.bx-radio-circle.is-checked.is-invalid{border-color:var(--bx-border-danger)}.bx-radio-circle.is-checked .bx-radio-inner{transform:scale(1)}input:focus-visible~.bx-radio-circle{box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-radio-inner{width:.5rem;height:.5rem;background-color:var(--bx-primary);border-radius:50%;transform:scale(0);transition:transform .2s cubic-bezier(.25,.8,.25,1)}.is-invalid .bx-radio-inner{background-color:var(--bx-bg-danger)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "bx-form-field", inputs: ["label", "tooltip", "error", "required", "loading", "forId"] }] });
|
|
187
|
+
}
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Radio, decorators: [{
|
|
189
|
+
type: Component,
|
|
190
|
+
args: [{ selector: 'bx-radio', standalone: true, imports: [CommonModule, FormField], template: "<bx-form-field [error]=\"errorMessage\" [loading]=\"loading()\" [forId]=\"inputId()\">\n <label class=\"bx-inline-wrapper\" [class.is-disabled]=\"isDisabled()\">\n <input type=\"radio\" class=\"bx-visually-hidden\" [attr.id]=\"inputId()\" [attr.name]=\"name() || null\"\n [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled()\"\n [checked]=\"internalValue() === value()\" (change)=\"onSelect()\" (blur)=\"onBlur()\">\n\n <div class=\"bx-radio-circle\" [class.is-checked]=\"internalValue() === value()\"\n [class.is-invalid]=\"!!errorMessage\">\n <div class=\"bx-radio-inner\"></div>\n </div>\n\n @if (resolvedLabel()) {\n }\n </label>\n</bx-form-field>", styles: [".bx-radio-circle{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-strong);border-radius:50%;transition:border-color .15s ease}.bx-radio-circle.is-invalid{border-color:var(--bx-border-danger);background-color:var(--bx-bg-danger-subtle)}.bx-radio-circle.is-checked{border-color:var(--bx-primary)}.bx-radio-circle.is-checked.is-invalid{border-color:var(--bx-border-danger)}.bx-radio-circle.is-checked .bx-radio-inner{transform:scale(1)}input:focus-visible~.bx-radio-circle{box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-radio-inner{width:.5rem;height:.5rem;background-color:var(--bx-primary);border-radius:50%;transform:scale(0);transition:transform .2s cubic-bezier(.25,.8,.25,1)}.is-invalid .bx-radio-inner{background-color:var(--bx-bg-danger)}\n"] }]
|
|
191
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
|
|
192
|
+
|
|
193
|
+
class SearchInput extends BxBaseControl {
|
|
194
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
195
|
+
inputId = computed(() => `bx-search-${Math.random().toString(36).substr(2, 9)}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
196
|
+
search = output();
|
|
197
|
+
inputElement;
|
|
198
|
+
resolvedPlaceholder = computed(() => {
|
|
199
|
+
this.i18n?.version?.();
|
|
200
|
+
const p = this.placeholder();
|
|
201
|
+
if (!p)
|
|
202
|
+
return '';
|
|
203
|
+
return isTextWithKey(p) ? (this.i18n?.translate(p.key) ?? p.key) : p;
|
|
204
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedPlaceholder" }] : /* istanbul ignore next */ []));
|
|
205
|
+
onInput(event) {
|
|
206
|
+
const target = event.target;
|
|
207
|
+
this.updateValue(target.value);
|
|
208
|
+
this.search.emit(target.value);
|
|
209
|
+
}
|
|
210
|
+
onBlur() {
|
|
211
|
+
this.markAsTouched();
|
|
212
|
+
}
|
|
213
|
+
clear() {
|
|
214
|
+
if (this.isDisabled())
|
|
215
|
+
return;
|
|
216
|
+
this.updateValue('');
|
|
217
|
+
this.search.emit('');
|
|
218
|
+
this.focus();
|
|
219
|
+
}
|
|
220
|
+
focus() {
|
|
221
|
+
this.inputElement?.nativeElement.focus();
|
|
222
|
+
}
|
|
223
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SearchInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
224
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: SearchInput, isStandalone: true, selector: "bx-search-input", outputs: { search: "search" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bx-form-field [label]=\"label()\" [tooltip]=\"tooltip()\" [error]=\"errorMessage\" [loading]=\"loading()\"\n [required]=\"required()\" [forId]=\"inputId()\">\n\n <div class=\"bx-search-input-wrapper\" [class.is-invalid]=\"!!errorMessage\" [class.is-disabled]=\"isDisabled()\">\n <bx-icon class=\"bx-search-icon-left\" name=\"search\" size=\"16\"></bx-icon>\n\n <input #inputElement class=\"bx-native-search-input\" type=\"text\" [attr.id]=\"inputId()\"\n [attr.placeholder]=\"resolvedPlaceholder()\" [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\"\n [disabled]=\"isDisabled()\" [value]=\"internalValue() || ''\" (input)=\"onInput($event)\" (blur)=\"onBlur()\">\n\n <button bx-button variant=\"icon\" type=\"button\" [interactive]=\"false\" class=\"bx-search-clear-btn\" (click)=\"clear()\" tabindex=\"-1\" [class.hidden]=\"!internalValue()\">\n <bx-icon name=\"x\" size=\"16\"></bx-icon>\n </button>\n </div>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block;width:100%}.bx-search-input-wrapper{display:flex;align-items:center;width:100%;box-sizing:border-box;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-default);border-radius:.25rem;transition:border-color .15s ease,box-shadow .15s ease;padding:0 .75rem;gap:.5rem}.bx-search-input-wrapper:hover:not(.is-disabled){border-color:var(--bx-border-strong)}.bx-search-input-wrapper:focus-within:not(.is-disabled){border-color:var(--bx-border-brand);box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-search-input-wrapper.is-invalid{border-color:var(--bx-border-danger)}.bx-search-input-wrapper.is-invalid:focus-within{box-shadow:0 0 0 3px var(--bx-bg-danger-subtle)}.bx-search-input-wrapper.is-disabled{background-color:var(--bx-bg-element);opacity:.7;cursor:not-allowed}.bx-search-icon-left{color:var(--bx-text-secondary);flex-shrink:0}.bx-native-search-input{flex:1;width:100%;box-sizing:border-box;padding:.5rem 0;background:transparent;border:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--bx-text-heading)}.bx-native-search-input::placeholder{color:var(--bx-text-secondary)}.bx-native-search-input:disabled{color:var(--bx-text-secondary);cursor:not-allowed}.bx-search-clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;color:var(--bx-text-secondary);cursor:pointer;outline:none;flex-shrink:0;transition:color .15s ease}.bx-search-clear-btn:hover{color:var(--bx-text-danger)}.bx-search-clear-btn.hidden{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "bx-form-field", inputs: ["label", "tooltip", "error", "required", "loading", "forId"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }, { kind: "component", type: Button, selector: "bx-button, button[bx-button], a[bx-button]", inputs: ["variant", "color", "outlined", "elevated", "disabled", "interactive"] }] });
|
|
225
|
+
}
|
|
226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SearchInput, decorators: [{
|
|
227
|
+
type: Component,
|
|
228
|
+
args: [{ selector: 'bx-search-input', standalone: true, imports: [CommonModule, FormField, Icon, Button], template: "<bx-form-field [label]=\"label()\" [tooltip]=\"tooltip()\" [error]=\"errorMessage\" [loading]=\"loading()\"\n [required]=\"required()\" [forId]=\"inputId()\">\n\n <div class=\"bx-search-input-wrapper\" [class.is-invalid]=\"!!errorMessage\" [class.is-disabled]=\"isDisabled()\">\n <bx-icon class=\"bx-search-icon-left\" name=\"search\" size=\"16\"></bx-icon>\n\n <input #inputElement class=\"bx-native-search-input\" type=\"text\" [attr.id]=\"inputId()\"\n [attr.placeholder]=\"resolvedPlaceholder()\" [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\"\n [disabled]=\"isDisabled()\" [value]=\"internalValue() || ''\" (input)=\"onInput($event)\" (blur)=\"onBlur()\">\n\n <button bx-button variant=\"icon\" type=\"button\" [interactive]=\"false\" class=\"bx-search-clear-btn\" (click)=\"clear()\" tabindex=\"-1\" [class.hidden]=\"!internalValue()\">\n <bx-icon name=\"x\" size=\"16\"></bx-icon>\n </button>\n </div>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block;width:100%}.bx-search-input-wrapper{display:flex;align-items:center;width:100%;box-sizing:border-box;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-default);border-radius:.25rem;transition:border-color .15s ease,box-shadow .15s ease;padding:0 .75rem;gap:.5rem}.bx-search-input-wrapper:hover:not(.is-disabled){border-color:var(--bx-border-strong)}.bx-search-input-wrapper:focus-within:not(.is-disabled){border-color:var(--bx-border-brand);box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-search-input-wrapper.is-invalid{border-color:var(--bx-border-danger)}.bx-search-input-wrapper.is-invalid:focus-within{box-shadow:0 0 0 3px var(--bx-bg-danger-subtle)}.bx-search-input-wrapper.is-disabled{background-color:var(--bx-bg-element);opacity:.7;cursor:not-allowed}.bx-search-icon-left{color:var(--bx-text-secondary);flex-shrink:0}.bx-native-search-input{flex:1;width:100%;box-sizing:border-box;padding:.5rem 0;background:transparent;border:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--bx-text-heading)}.bx-native-search-input::placeholder{color:var(--bx-text-secondary)}.bx-native-search-input:disabled{color:var(--bx-text-secondary);cursor:not-allowed}.bx-search-clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;color:var(--bx-text-secondary);cursor:pointer;outline:none;flex-shrink:0;transition:color .15s ease}.bx-search-clear-btn:hover{color:var(--bx-text-danger)}.bx-search-clear-btn.hidden{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
|
|
229
|
+
}], propDecorators: { search: [{ type: i0.Output, args: ["search"] }], inputElement: [{
|
|
230
|
+
type: ViewChild,
|
|
231
|
+
args: ['inputElement']
|
|
232
|
+
}] } });
|
|
233
|
+
|
|
234
|
+
class Select extends BxBaseControl {
|
|
235
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
236
|
+
options = input.required(...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
237
|
+
isSearchable = input(false, ...(ngDevMode ? [{ debugName: "isSearchable" }] : /* istanbul ignore next */ []));
|
|
238
|
+
externalFiltering = input(false, ...(ngDevMode ? [{ debugName: "externalFiltering" }] : /* istanbul ignore next */ []));
|
|
239
|
+
searchPlaceholder = input('Search...', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
|
|
240
|
+
emptyMessage = input('No results found.', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []));
|
|
241
|
+
search = output();
|
|
242
|
+
isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
|
|
243
|
+
searchTerm = signal('', ...(ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []));
|
|
244
|
+
inputId = computed(() => `bx-select-${uuidv4()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
245
|
+
searchInputRef;
|
|
246
|
+
originRef;
|
|
247
|
+
searchSubject = new Subject();
|
|
248
|
+
sub;
|
|
249
|
+
overlayPositions = [
|
|
250
|
+
new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }, 0, 4),
|
|
251
|
+
new ConnectionPositionPair({ originX: 'start', originY: 'top' }, { overlayX: 'start', overlayY: 'bottom' }, 0, -4)
|
|
252
|
+
];
|
|
253
|
+
ngOnInit() {
|
|
254
|
+
super.ngOnInit();
|
|
255
|
+
this.sub = this.searchSubject.pipe(debounceTime(DEFAULT_DEBOUNCE_TIME), distinctUntilChanged()).subscribe(term => {
|
|
256
|
+
this.searchTerm.set(term);
|
|
257
|
+
if (this.externalFiltering()) {
|
|
258
|
+
this.search.emit(term);
|
|
259
|
+
}
|
|
260
|
+
});
|
|
261
|
+
}
|
|
262
|
+
ngOnDestroy() {
|
|
263
|
+
this.sub?.unsubscribe();
|
|
264
|
+
}
|
|
265
|
+
resolvedOptions = computed(() => {
|
|
266
|
+
this.i18n?.version?.();
|
|
267
|
+
return this.options().map(opt => ({
|
|
268
|
+
...opt,
|
|
269
|
+
resolvedStr: this.resolveText(opt.label)
|
|
270
|
+
}));
|
|
271
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedOptions" }] : /* istanbul ignore next */ []));
|
|
272
|
+
filteredOptions = computed(() => {
|
|
273
|
+
const term = this.searchTerm().trim();
|
|
274
|
+
const opts = this.resolvedOptions();
|
|
275
|
+
if (this.externalFiltering() || !term)
|
|
276
|
+
return opts;
|
|
277
|
+
const fuzzyRegex = new RegExp(term.split('').join('.*'), 'i');
|
|
278
|
+
return opts.filter(opt => fuzzyRegex.test(opt.resolvedStr));
|
|
279
|
+
}, ...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
|
|
280
|
+
selectedOptionLabel = computed(() => {
|
|
281
|
+
const currentVal = this.internalValue();
|
|
282
|
+
const selected = this.resolvedOptions().find(o => o.value === currentVal);
|
|
283
|
+
return selected ? selected.resolvedStr : this.resolveText(this.placeholder()) || '';
|
|
284
|
+
}, ...(ngDevMode ? [{ debugName: "selectedOptionLabel" }] : /* istanbul ignore next */ []));
|
|
285
|
+
resolvedSearchPlaceholder = computed(() => this.resolveText(this.searchPlaceholder()), ...(ngDevMode ? [{ debugName: "resolvedSearchPlaceholder" }] : /* istanbul ignore next */ []));
|
|
286
|
+
resolvedEmptyMessage = computed(() => this.resolveText(this.emptyMessage()), ...(ngDevMode ? [{ debugName: "resolvedEmptyMessage" }] : /* istanbul ignore next */ []));
|
|
287
|
+
toggleOpen() {
|
|
288
|
+
if (this.isDisabled() || this.loading())
|
|
289
|
+
return;
|
|
290
|
+
this.isOpen.set(!this.isOpen());
|
|
291
|
+
if (this.isOpen() && this.isSearchable()) {
|
|
292
|
+
setTimeout(() => this.searchInputRef?.focus(), 50);
|
|
293
|
+
}
|
|
294
|
+
else {
|
|
295
|
+
this.markAsTouched();
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
close() {
|
|
299
|
+
this.isOpen.set(false);
|
|
300
|
+
this.markAsTouched();
|
|
301
|
+
}
|
|
302
|
+
onOutsideClick(event) {
|
|
303
|
+
const clickTarget = event.target;
|
|
304
|
+
if (this.originRef?.nativeElement.contains(clickTarget)) {
|
|
305
|
+
return;
|
|
306
|
+
}
|
|
307
|
+
this.close();
|
|
308
|
+
}
|
|
309
|
+
selectOption(option) {
|
|
310
|
+
if (option.disabled)
|
|
311
|
+
return;
|
|
312
|
+
this.updateValue(option.value);
|
|
313
|
+
this.close();
|
|
314
|
+
}
|
|
315
|
+
onSearchChange(value) {
|
|
316
|
+
this.searchSubject.next(value);
|
|
317
|
+
}
|
|
318
|
+
resolveText(textObj) {
|
|
319
|
+
if (!textObj)
|
|
320
|
+
return '';
|
|
321
|
+
return isTextWithKey(textObj) ? (this.i18n?.translate(textObj.key) ?? textObj.key) : textObj;
|
|
322
|
+
}
|
|
323
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Select, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
324
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Select, isStandalone: true, selector: "bx-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, isSearchable: { classPropertyName: "isSearchable", publicName: "isSearchable", isSignal: true, isRequired: false, transformFunction: null }, externalFiltering: { classPropertyName: "externalFiltering", publicName: "externalFiltering", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { search: "search" }, viewQueries: [{ propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "originRef", first: true, predicate: ["origin"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<bx-form-field [label]=\"label()\" [tooltip]=\"tooltip()\" [error]=\"errorMessage\" [loading]=\"loading()\"\n [required]=\"required()\" [forId]=\"inputId()\">\n\n <button type=\"button\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"bx-select-trigger\"\n [class.is-invalid]=\"!!errorMessage\" [class.is-open]=\"isOpen()\" [attr.id]=\"inputId()\"\n [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled() || loading()\"\n (click)=\"toggleOpen()\">\n\n <span class=\"bx-select-value\" [class.is-placeholder]=\"internalValue() === null\">\n {{ selectedOptionLabel() }}\n </span>\n\n <bx-icon class=\"bx-select-caret\" name=\"chevron-down\" size=\"16\"></bx-icon>\n </button>\n\n <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"origin\" [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\" [cdkConnectedOverlayHasBackdrop]=\"false\"\n [cdkConnectedOverlayMinWidth]=\"origin.elementRef.nativeElement.offsetWidth\"\n (overlayOutsideClick)=\"onOutsideClick($event)\">\n\n <div class=\"bx-select-panel\">\n\n @if (isSearchable()) {\n <div class=\"bx-select-search-container\">\n <bx-search-input #searchInput [placeholder]=\"resolvedSearchPlaceholder()\"\n (search)=\"onSearchChange($event)\" (keydown.enter)=\"$event.preventDefault()\">\n </bx-search-input>\n </div>\n }\n\n <div class=\"bx-select-menu-container\">\n @for (option of filteredOptions(); track option.value) {\n\n <bx-menu-item [disabled]=\"option.disabled ?? false\" (action)=\"selectOption(option)\">\n <div class=\"bx-select-item-inner\">\n <div class=\"bx-select-check-placeholder\">\n @if (internalValue() === option.value) {\n <bx-icon name=\"check\" size=\"16\"></bx-icon>\n }\n </div>\n <span>{{ option.resolvedStr }}</span>\n </div>\n </bx-menu-item>\n\n } @empty {\n <div class=\"bx-select-empty\">\n <span class=\"bx-empty-text\">{{ resolvedEmptyMessage() }}</span>\n </div>\n }\n </div>\n\n </div>\n </ng-template>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bx-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;text-align:left;color:var(--bx-text-heading);background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-default);border-radius:.25rem;outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bx-select-trigger:hover:not(:disabled){border-color:var(--bx-border-strong)}.bx-select-trigger:focus-visible:not(:disabled),.bx-select-trigger.is-open{border-color:var(--bx-border-brand);box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-select-trigger.is-invalid{border-color:var(--bx-border-danger)}.bx-select-trigger.is-invalid:focus-visible,.bx-select-trigger.is-invalid.is-open{box-shadow:0 0 0 3px var(--bx-bg-danger-subtle)}.bx-select-trigger:disabled{background-color:var(--bx-bg-element);color:var(--bx-text-secondary);cursor:not-allowed;opacity:.7}.bx-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx-select-value.is-placeholder{color:var(--bx-text-secondary)}.bx-select-caret{flex-shrink:0;color:var(--bx-text-secondary);transition:transform .2s ease}.is-open .bx-select-caret{transform:rotate(180deg)}.bx-select-panel{display:flex;flex-direction:column;box-sizing:border-box;min-width:100%;width:max-content;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-subtle);border-radius:.25rem;box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden;max-height:18rem}.bx-select-search-container{display:flex;align-items:center;padding:.25rem;flex-shrink:0;border-bottom:1px solid var(--bx-border-subtle)}.bx-select-menu-container{overflow-y:auto;overflow-x:hidden;padding:.25rem}.bx-select-menu-container::-webkit-scrollbar{width:6px}.bx-select-menu-container::-webkit-scrollbar-track{background:var(--bx-scroll-bg)}.bx-select-menu-container::-webkit-scrollbar-thumb{background:var(--bx-scroll-thumb);border-radius:99px}.bx-select-menu-container::-webkit-scrollbar-thumb:hover{background:var(--bx-scroll-thumb-hover)}.bx-select-item-inner{display:flex;align-items:center;gap:.5rem;width:100%}.bx-select-check-placeholder{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--bx-primary)}.bx-select-empty{padding:.75rem;text-align:center;color:var(--bx-text-secondary);font-size:.875rem;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: FormField, selector: "bx-form-field", inputs: ["label", "tooltip", "error", "required", "loading", "forId"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }, { kind: "component", type: MenuItem, selector: "bx-menu-item", inputs: ["icon", "endIcon", "label", "disabled", "danger", "shortcut"], outputs: ["action"] }, { kind: "component", type: SearchInput, selector: "bx-search-input", outputs: ["search"] }] });
|
|
325
|
+
}
|
|
326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Select, decorators: [{
|
|
327
|
+
type: Component,
|
|
328
|
+
args: [{ selector: 'bx-select', standalone: true, imports: [CommonModule, OverlayModule, FormField, Icon, MenuItem, SearchInput], template: "<bx-form-field [label]=\"label()\" [tooltip]=\"tooltip()\" [error]=\"errorMessage\" [loading]=\"loading()\"\n [required]=\"required()\" [forId]=\"inputId()\">\n\n <button type=\"button\" cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"bx-select-trigger\"\n [class.is-invalid]=\"!!errorMessage\" [class.is-open]=\"isOpen()\" [attr.id]=\"inputId()\"\n [attr.data-testid]=\"dataTestId()\" [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled() || loading()\"\n (click)=\"toggleOpen()\">\n\n <span class=\"bx-select-value\" [class.is-placeholder]=\"internalValue() === null\">\n {{ selectedOptionLabel() }}\n </span>\n\n <bx-icon class=\"bx-select-caret\" name=\"chevron-down\" size=\"16\"></bx-icon>\n </button>\n\n <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"origin\" [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"overlayPositions\" [cdkConnectedOverlayHasBackdrop]=\"false\"\n [cdkConnectedOverlayMinWidth]=\"origin.elementRef.nativeElement.offsetWidth\"\n (overlayOutsideClick)=\"onOutsideClick($event)\">\n\n <div class=\"bx-select-panel\">\n\n @if (isSearchable()) {\n <div class=\"bx-select-search-container\">\n <bx-search-input #searchInput [placeholder]=\"resolvedSearchPlaceholder()\"\n (search)=\"onSearchChange($event)\" (keydown.enter)=\"$event.preventDefault()\">\n </bx-search-input>\n </div>\n }\n\n <div class=\"bx-select-menu-container\">\n @for (option of filteredOptions(); track option.value) {\n\n <bx-menu-item [disabled]=\"option.disabled ?? false\" (action)=\"selectOption(option)\">\n <div class=\"bx-select-item-inner\">\n <div class=\"bx-select-check-placeholder\">\n @if (internalValue() === option.value) {\n <bx-icon name=\"check\" size=\"16\"></bx-icon>\n }\n </div>\n <span>{{ option.resolvedStr }}</span>\n </div>\n </bx-menu-item>\n\n } @empty {\n <div class=\"bx-select-empty\">\n <span class=\"bx-empty-text\">{{ resolvedEmptyMessage() }}</span>\n </div>\n }\n </div>\n\n </div>\n </ng-template>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bx-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;text-align:left;color:var(--bx-text-heading);background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-default);border-radius:.25rem;outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bx-select-trigger:hover:not(:disabled){border-color:var(--bx-border-strong)}.bx-select-trigger:focus-visible:not(:disabled),.bx-select-trigger.is-open{border-color:var(--bx-border-brand);box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-select-trigger.is-invalid{border-color:var(--bx-border-danger)}.bx-select-trigger.is-invalid:focus-visible,.bx-select-trigger.is-invalid.is-open{box-shadow:0 0 0 3px var(--bx-bg-danger-subtle)}.bx-select-trigger:disabled{background-color:var(--bx-bg-element);color:var(--bx-text-secondary);cursor:not-allowed;opacity:.7}.bx-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx-select-value.is-placeholder{color:var(--bx-text-secondary)}.bx-select-caret{flex-shrink:0;color:var(--bx-text-secondary);transition:transform .2s ease}.is-open .bx-select-caret{transform:rotate(180deg)}.bx-select-panel{display:flex;flex-direction:column;box-sizing:border-box;min-width:100%;width:max-content;background-color:var(--bx-bg-surface);border:1px solid var(--bx-border-subtle);border-radius:.25rem;box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden;max-height:18rem}.bx-select-search-container{display:flex;align-items:center;padding:.25rem;flex-shrink:0;border-bottom:1px solid var(--bx-border-subtle)}.bx-select-menu-container{overflow-y:auto;overflow-x:hidden;padding:.25rem}.bx-select-menu-container::-webkit-scrollbar{width:6px}.bx-select-menu-container::-webkit-scrollbar-track{background:var(--bx-scroll-bg)}.bx-select-menu-container::-webkit-scrollbar-thumb{background:var(--bx-scroll-thumb);border-radius:99px}.bx-select-menu-container::-webkit-scrollbar-thumb:hover{background:var(--bx-scroll-thumb-hover)}.bx-select-item-inner{display:flex;align-items:center;gap:.5rem;width:100%}.bx-select-check-placeholder{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--bx-primary)}.bx-select-empty{padding:.75rem;text-align:center;color:var(--bx-text-secondary);font-size:.875rem;font-style:italic}\n"] }]
|
|
329
|
+
}], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], isSearchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSearchable", required: false }] }], externalFiltering: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalFiltering", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], search: [{ type: i0.Output, args: ["search"] }], searchInputRef: [{
|
|
330
|
+
type: ViewChild,
|
|
331
|
+
args: ['searchInput']
|
|
332
|
+
}], originRef: [{
|
|
333
|
+
type: ViewChild,
|
|
334
|
+
args: ['origin', { read: ElementRef }]
|
|
335
|
+
}] } });
|
|
336
|
+
|
|
337
|
+
class SlideToggle extends BxBaseControl {
|
|
338
|
+
i18n = inject(BX_I18N, { optional: true });
|
|
339
|
+
inputId = computed(() => `bx-slide-toggle-${uuidv4()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
|
|
340
|
+
showTooltip = false;
|
|
341
|
+
resolvedLabel = computed(() => {
|
|
342
|
+
this.i18n?.version?.();
|
|
343
|
+
const l = this.label();
|
|
344
|
+
if (!l)
|
|
345
|
+
return undefined;
|
|
346
|
+
return isTextWithKey(l) ? (this.i18n?.translate(l.key) ?? l.key) : l;
|
|
347
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
|
|
348
|
+
onToggle(event) {
|
|
349
|
+
const target = event.target;
|
|
350
|
+
this.updateValue(target.checked);
|
|
351
|
+
}
|
|
352
|
+
onBlur() {
|
|
353
|
+
this.markAsTouched();
|
|
354
|
+
}
|
|
355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SlideToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
356
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SlideToggle, isStandalone: true, selector: "bx-slide-toggle", usesInheritance: true, ngImport: i0, template: "<bx-form-field [error]=\"errorMessage\" [loading]=\"loading()\" [forId]=\"inputId()\">\n\n <label class=\"bx-inline-wrapper\" [class.is-disabled]=\"isDisabled()\">\n <input type=\"checkbox\" class=\"bx-visually-hidden\" [attr.id]=\"inputId()\" [attr.data-testid]=\"dataTestId()\"\n [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled()\" [checked]=\"internalValue() === true\"\n (change)=\"onToggle($event)\" (blur)=\"onBlur()\">\n\n <div class=\"bx-slide-toggle-track\" [class.is-checked]=\"internalValue() === true\" [class.is-invalid]=\"!!errorMessage\">\n <div class=\"bx-slide-toggle-thumb\"></div>\n </div>\n\n @if (resolvedLabel()) {\n <span class=\"bx-inline-label\">\n {{ resolvedLabel() }}\n @if (required()) { <span class=\"bx-inline-required\">*</span> }\n </span>\n }\n\n @if (tooltip()) {\n <div class=\"bx-inline-tooltip-trigger\" (mouseenter)=\"showTooltip = true\" (mouseleave)=\"showTooltip = false\"\n tabindex=\"0\">\n <bx-icon name=\"help-circle\" size=\"16\"></bx-icon>\n @if (showTooltip) {\n <bx-tooltip class=\"bx-overlay-pos-top\" [text]=\"tooltip()!\"></bx-tooltip>\n }\n </div>\n }\n </label>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block}.bx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bx-inline-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.bx-inline-wrapper.is-disabled{opacity:.5;cursor:not-allowed}.bx-inline-label{font-size:.875rem;color:var(--bx-text-primary)}.bx-inline-required{color:var(--bx-text-danger)}.bx-inline-tooltip-trigger{position:relative;display:inline-flex;color:var(--bx-text-secondary);cursor:help;outline:none}.bx-inline-tooltip-trigger:hover,.bx-inline-tooltip-trigger:focus-visible{color:var(--bx-text-brand)}.bx-inline-tooltip-trigger bx-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.bx-slide-toggle-track{position:relative;width:36px;height:20px;background-color:var(--bx-border-strong);border-radius:9999px;transition:background-color .2s ease,border-color .2s ease;border:2px solid transparent}.bx-slide-toggle-track.is-invalid{background-color:var(--bx-bg-danger-subtle);border-color:var(--bx-border-danger)}.bx-slide-toggle-track.is-checked{background-color:var(--bx-primary)}.bx-slide-toggle-track.is-checked.is-invalid{background-color:var(--bx-bg-danger)}.bx-slide-toggle-track.is-checked .bx-slide-toggle-thumb{transform:translate(16px)}input:focus-visible~.bx-slide-toggle-track{box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-slide-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.25,.8,.25,1);box-shadow:var(--bx-shadow-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "bx-form-field", inputs: ["label", "tooltip", "error", "required", "loading", "forId"] }, { kind: "component", type: Tooltip, selector: "bx-tooltip", inputs: ["text"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }] });
|
|
357
|
+
}
|
|
358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SlideToggle, decorators: [{
|
|
359
|
+
type: Component,
|
|
360
|
+
args: [{ selector: 'bx-slide-toggle', standalone: true, imports: [CommonModule, FormField, Tooltip, Icon], template: "<bx-form-field [error]=\"errorMessage\" [loading]=\"loading()\" [forId]=\"inputId()\">\n\n <label class=\"bx-inline-wrapper\" [class.is-disabled]=\"isDisabled()\">\n <input type=\"checkbox\" class=\"bx-visually-hidden\" [attr.id]=\"inputId()\" [attr.data-testid]=\"dataTestId()\"\n [attr.aria-label]=\"ariaLabel()\" [disabled]=\"isDisabled()\" [checked]=\"internalValue() === true\"\n (change)=\"onToggle($event)\" (blur)=\"onBlur()\">\n\n <div class=\"bx-slide-toggle-track\" [class.is-checked]=\"internalValue() === true\" [class.is-invalid]=\"!!errorMessage\">\n <div class=\"bx-slide-toggle-thumb\"></div>\n </div>\n\n @if (resolvedLabel()) {\n <span class=\"bx-inline-label\">\n {{ resolvedLabel() }}\n @if (required()) { <span class=\"bx-inline-required\">*</span> }\n </span>\n }\n\n @if (tooltip()) {\n <div class=\"bx-inline-tooltip-trigger\" (mouseenter)=\"showTooltip = true\" (mouseleave)=\"showTooltip = false\"\n tabindex=\"0\">\n <bx-icon name=\"help-circle\" size=\"16\"></bx-icon>\n @if (showTooltip) {\n <bx-tooltip class=\"bx-overlay-pos-top\" [text]=\"tooltip()!\"></bx-tooltip>\n }\n </div>\n }\n </label>\n\n</bx-form-field>", styles: [".bx-p-0{padding:0}.bx-pt-0{padding-top:0}.bx-pr-0{padding-right:0}.bx-pb-0{padding-bottom:0}.bx-pl-0{padding-left:0}.bx-px-0{padding-left:0;padding-right:0}.bx-py-0{padding-top:0;padding-bottom:0}.bx-m-0{margin:0}.bx-mt-0{margin-top:0}.bx-mr-0{margin-right:0}.bx-mb-0{margin-bottom:0}.bx-ml-0{margin-left:0}.bx-mx-0{margin-left:0;margin-right:0}.bx-my-0{margin-top:0;margin-bottom:0}.bx-p-1{padding:.25rem}.bx-pt-1{padding-top:.25rem}.bx-pr-1{padding-right:.25rem}.bx-pb-1{padding-bottom:.25rem}.bx-pl-1{padding-left:.25rem}.bx-px-1{padding-left:.25rem;padding-right:.25rem}.bx-py-1{padding-top:.25rem;padding-bottom:.25rem}.bx-m-1{margin:.25rem}.bx-mt-1{margin-top:.25rem}.bx-mr-1{margin-right:.25rem}.bx-mb-1{margin-bottom:.25rem}.bx-ml-1{margin-left:.25rem}.bx-mx-1{margin-left:.25rem;margin-right:.25rem}.bx-my-1{margin-top:.25rem;margin-bottom:.25rem}.bx-p-2{padding:.5rem}.bx-pt-2{padding-top:.5rem}.bx-pr-2{padding-right:.5rem}.bx-pb-2{padding-bottom:.5rem}.bx-pl-2{padding-left:.5rem}.bx-px-2{padding-left:.5rem;padding-right:.5rem}.bx-py-2{padding-top:.5rem;padding-bottom:.5rem}.bx-m-2{margin:.5rem}.bx-mt-2{margin-top:.5rem}.bx-mr-2{margin-right:.5rem}.bx-mb-2{margin-bottom:.5rem}.bx-ml-2{margin-left:.5rem}.bx-mx-2{margin-left:.5rem;margin-right:.5rem}.bx-my-2{margin-top:.5rem;margin-bottom:.5rem}.bx-p-3{padding:.75rem}.bx-pt-3{padding-top:.75rem}.bx-pr-3{padding-right:.75rem}.bx-pb-3{padding-bottom:.75rem}.bx-pl-3{padding-left:.75rem}.bx-px-3{padding-left:.75rem;padding-right:.75rem}.bx-py-3{padding-top:.75rem;padding-bottom:.75rem}.bx-m-3{margin:.75rem}.bx-mt-3{margin-top:.75rem}.bx-mr-3{margin-right:.75rem}.bx-mb-3{margin-bottom:.75rem}.bx-ml-3{margin-left:.75rem}.bx-mx-3{margin-left:.75rem;margin-right:.75rem}.bx-my-3{margin-top:.75rem;margin-bottom:.75rem}.bx-p-4{padding:1rem}.bx-pt-4{padding-top:1rem}.bx-pr-4{padding-right:1rem}.bx-pb-4{padding-bottom:1rem}.bx-pl-4{padding-left:1rem}.bx-px-4{padding-left:1rem;padding-right:1rem}.bx-py-4{padding-top:1rem;padding-bottom:1rem}.bx-m-4{margin:1rem}.bx-mt-4{margin-top:1rem}.bx-mr-4{margin-right:1rem}.bx-mb-4{margin-bottom:1rem}.bx-ml-4{margin-left:1rem}.bx-mx-4{margin-left:1rem;margin-right:1rem}.bx-my-4{margin-top:1rem;margin-bottom:1rem}.bx-p-5{padding:1.25rem}.bx-pt-5{padding-top:1.25rem}.bx-pr-5{padding-right:1.25rem}.bx-pb-5{padding-bottom:1.25rem}.bx-pl-5{padding-left:1.25rem}.bx-px-5{padding-left:1.25rem;padding-right:1.25rem}.bx-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.bx-m-5{margin:1.25rem}.bx-mt-5{margin-top:1.25rem}.bx-mr-5{margin-right:1.25rem}.bx-mb-5{margin-bottom:1.25rem}.bx-ml-5{margin-left:1.25rem}.bx-mx-5{margin-left:1.25rem;margin-right:1.25rem}.bx-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.bx-p-6{padding:1.5rem}.bx-pt-6{padding-top:1.5rem}.bx-pr-6{padding-right:1.5rem}.bx-pb-6{padding-bottom:1.5rem}.bx-pl-6{padding-left:1.5rem}.bx-px-6{padding-left:1.5rem;padding-right:1.5rem}.bx-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.bx-m-6{margin:1.5rem}.bx-mt-6{margin-top:1.5rem}.bx-mr-6{margin-right:1.5rem}.bx-mb-6{margin-bottom:1.5rem}.bx-ml-6{margin-left:1.5rem}.bx-mx-6{margin-left:1.5rem;margin-right:1.5rem}.bx-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.bx-p-8{padding:2rem}.bx-pt-8{padding-top:2rem}.bx-pr-8{padding-right:2rem}.bx-pb-8{padding-bottom:2rem}.bx-pl-8{padding-left:2rem}.bx-px-8{padding-left:2rem;padding-right:2rem}.bx-py-8{padding-top:2rem;padding-bottom:2rem}.bx-m-8{margin:2rem}.bx-mt-8{margin-top:2rem}.bx-mr-8{margin-right:2rem}.bx-mb-8{margin-bottom:2rem}.bx-ml-8{margin-left:2rem}.bx-mx-8{margin-left:2rem;margin-right:2rem}.bx-my-8{margin-top:2rem;margin-bottom:2rem}.bx-p-10{padding:2.5rem}.bx-pt-10{padding-top:2.5rem}.bx-pr-10{padding-right:2.5rem}.bx-pb-10{padding-bottom:2.5rem}.bx-pl-10{padding-left:2.5rem}.bx-px-10{padding-left:2.5rem;padding-right:2.5rem}.bx-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.bx-m-10{margin:2.5rem}.bx-mt-10{margin-top:2.5rem}.bx-mr-10{margin-right:2.5rem}.bx-mb-10{margin-bottom:2.5rem}.bx-ml-10{margin-left:2.5rem}.bx-mx-10{margin-left:2.5rem;margin-right:2.5rem}.bx-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.bx-p-12{padding:3rem}.bx-pt-12{padding-top:3rem}.bx-pr-12{padding-right:3rem}.bx-pb-12{padding-bottom:3rem}.bx-pl-12{padding-left:3rem}.bx-px-12{padding-left:3rem;padding-right:3rem}.bx-py-12{padding-top:3rem;padding-bottom:3rem}.bx-m-12{margin:3rem}.bx-mt-12{margin-top:3rem}.bx-mr-12{margin-right:3rem}.bx-mb-12{margin-bottom:3rem}.bx-ml-12{margin-left:3rem}.bx-mx-12{margin-left:3rem;margin-right:3rem}.bx-my-12{margin-top:3rem;margin-bottom:3rem}.bx-rounded-none{border-radius:0}.bx-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bx-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.bx-rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.bx-rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.bx-rounded-sm{border-radius:.25rem}.bx-rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.bx-rounded-b-sm{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-l-sm{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bx-rounded-r-sm{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bx-rounded-md{border-radius:.5rem}.bx-rounded-t-md{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bx-rounded-b-md{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-l-md{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.bx-rounded-r-md{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.bx-rounded-lg{border-radius:.75rem}.bx-rounded-t-lg{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.bx-rounded-b-lg{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-l-lg{border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.bx-rounded-r-lg{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.bx-rounded-xl{border-radius:1rem}.bx-rounded-t-xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bx-rounded-b-xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-l-xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.bx-rounded-r-xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.bx-rounded-2xl{border-radius:1.5rem}.bx-rounded-t-2xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bx-rounded-b-2xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-l-2xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.bx-rounded-r-2xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.bx-rounded-3xl{border-radius:1.875rem}.bx-rounded-t-3xl{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.bx-rounded-b-3xl{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-l-3xl{border-top-left-radius:1.875rem;border-bottom-left-radius:1.875rem}.bx-rounded-r-3xl{border-top-right-radius:1.875rem;border-bottom-right-radius:1.875rem}.bx-rounded-pill{border-radius:9999px}.bx-rounded-t-pill{border-top-left-radius:9999px;border-top-right-radius:9999px}.bx-rounded-b-pill{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}.bx-rounded-l-pill{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bx-rounded-r-pill{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bx-shadow-sm{box-shadow:0 2px 4px #0000001a,0 1px 2px -1px #0000001a}.bx-shadow-md{box-shadow:0 4px 8px -1px #00000026,0 2px 4px -2px #0000001f}.bx-shadow-lg{box-shadow:0 12px 20px -3px #0003,0 4px 6px -2px #0000001a}.bx-shadow-xl{box-shadow:0 24px 32px -5px #00000040,0 10px 12px -5px #00000026}.bx-shadow-modal{box-shadow:0 8px 20px #0000001f}.bx-shadow-toast{box-shadow:0 4px 12px #00000026}.bx-z-base{z-index:1}.bx-z-dropdown{z-index:100}.bx-z-sticky{z-index:200}.bx-z-fixed{z-index:300}.bx-z-modal{z-index:400}.bx-z-popover{z-index:500}.bx-z-tooltip{z-index:600}.bx-z-toast{z-index:9999}.bx-bg-orange-50{background-color:var(--bx-color-orange-50)}.bx-text-orange-50{color:var(--bx-color-orange-50)}.bx-border-orange-50{border-color:var(--bx-color-orange-50)}.bx-bg-orange-100{background-color:var(--bx-color-orange-100)}.bx-text-orange-100{color:var(--bx-color-orange-100)}.bx-border-orange-100{border-color:var(--bx-color-orange-100)}.bx-bg-orange-200{background-color:var(--bx-color-orange-200)}.bx-text-orange-200{color:var(--bx-color-orange-200)}.bx-border-orange-200{border-color:var(--bx-color-orange-200)}.bx-bg-orange-300{background-color:var(--bx-color-orange-300)}.bx-text-orange-300{color:var(--bx-color-orange-300)}.bx-border-orange-300{border-color:var(--bx-color-orange-300)}.bx-bg-orange-400{background-color:var(--bx-color-orange-400)}.bx-text-orange-400{color:var(--bx-color-orange-400)}.bx-border-orange-400{border-color:var(--bx-color-orange-400)}.bx-bg-orange-500{background-color:var(--bx-color-orange-500)}.bx-text-orange-500{color:var(--bx-color-orange-500)}.bx-border-orange-500{border-color:var(--bx-color-orange-500)}.bx-bg-orange-600{background-color:var(--bx-color-orange-600)}.bx-text-orange-600{color:var(--bx-color-orange-600)}.bx-border-orange-600{border-color:var(--bx-color-orange-600)}.bx-bg-orange-700{background-color:var(--bx-color-orange-700)}.bx-text-orange-700{color:var(--bx-color-orange-700)}.bx-border-orange-700{border-color:var(--bx-color-orange-700)}.bx-bg-orange-800{background-color:var(--bx-color-orange-800)}.bx-text-orange-800{color:var(--bx-color-orange-800)}.bx-border-orange-800{border-color:var(--bx-color-orange-800)}.bx-bg-orange-900{background-color:var(--bx-color-orange-900)}.bx-text-orange-900{color:var(--bx-color-orange-900)}.bx-border-orange-900{border-color:var(--bx-color-orange-900)}.bx-bg-orange-1000{background-color:var(--bx-color-orange-1000)}.bx-text-orange-1000{color:var(--bx-color-orange-1000)}.bx-border-orange-1000{border-color:var(--bx-color-orange-1000)}.bx-bg-purple-50{background-color:var(--bx-color-purple-50)}.bx-text-purple-50{color:var(--bx-color-purple-50)}.bx-border-purple-50{border-color:var(--bx-color-purple-50)}.bx-bg-purple-100{background-color:var(--bx-color-purple-100)}.bx-text-purple-100{color:var(--bx-color-purple-100)}.bx-border-purple-100{border-color:var(--bx-color-purple-100)}.bx-bg-purple-200{background-color:var(--bx-color-purple-200)}.bx-text-purple-200{color:var(--bx-color-purple-200)}.bx-border-purple-200{border-color:var(--bx-color-purple-200)}.bx-bg-purple-300{background-color:var(--bx-color-purple-300)}.bx-text-purple-300{color:var(--bx-color-purple-300)}.bx-border-purple-300{border-color:var(--bx-color-purple-300)}.bx-bg-purple-400{background-color:var(--bx-color-purple-400)}.bx-text-purple-400{color:var(--bx-color-purple-400)}.bx-border-purple-400{border-color:var(--bx-color-purple-400)}.bx-bg-purple-500{background-color:var(--bx-color-purple-500)}.bx-text-purple-500{color:var(--bx-color-purple-500)}.bx-border-purple-500{border-color:var(--bx-color-purple-500)}.bx-bg-purple-600{background-color:var(--bx-color-purple-600)}.bx-text-purple-600{color:var(--bx-color-purple-600)}.bx-border-purple-600{border-color:var(--bx-color-purple-600)}.bx-bg-purple-700{background-color:var(--bx-color-purple-700)}.bx-text-purple-700{color:var(--bx-color-purple-700)}.bx-border-purple-700{border-color:var(--bx-color-purple-700)}.bx-bg-purple-800{background-color:var(--bx-color-purple-800)}.bx-text-purple-800{color:var(--bx-color-purple-800)}.bx-border-purple-800{border-color:var(--bx-color-purple-800)}.bx-bg-purple-900{background-color:var(--bx-color-purple-900)}.bx-text-purple-900{color:var(--bx-color-purple-900)}.bx-border-purple-900{border-color:var(--bx-color-purple-900)}.bx-bg-purple-1000{background-color:var(--bx-color-purple-1000)}.bx-text-purple-1000{color:var(--bx-color-purple-1000)}.bx-border-purple-1000{border-color:var(--bx-color-purple-1000)}.bx-bg-red-50{background-color:var(--bx-color-red-50)}.bx-text-red-50{color:var(--bx-color-red-50)}.bx-border-red-50{border-color:var(--bx-color-red-50)}.bx-bg-red-100{background-color:var(--bx-color-red-100)}.bx-text-red-100{color:var(--bx-color-red-100)}.bx-border-red-100{border-color:var(--bx-color-red-100)}.bx-bg-red-200{background-color:var(--bx-color-red-200)}.bx-text-red-200{color:var(--bx-color-red-200)}.bx-border-red-200{border-color:var(--bx-color-red-200)}.bx-bg-red-300{background-color:var(--bx-color-red-300)}.bx-text-red-300{color:var(--bx-color-red-300)}.bx-border-red-300{border-color:var(--bx-color-red-300)}.bx-bg-red-400{background-color:var(--bx-color-red-400)}.bx-text-red-400{color:var(--bx-color-red-400)}.bx-border-red-400{border-color:var(--bx-color-red-400)}.bx-bg-red-500{background-color:var(--bx-color-red-500)}.bx-text-red-500{color:var(--bx-color-red-500)}.bx-border-red-500{border-color:var(--bx-color-red-500)}.bx-bg-red-600{background-color:var(--bx-color-red-600)}.bx-text-red-600{color:var(--bx-color-red-600)}.bx-border-red-600{border-color:var(--bx-color-red-600)}.bx-bg-red-700{background-color:var(--bx-color-red-700)}.bx-text-red-700{color:var(--bx-color-red-700)}.bx-border-red-700{border-color:var(--bx-color-red-700)}.bx-bg-red-800{background-color:var(--bx-color-red-800)}.bx-text-red-800{color:var(--bx-color-red-800)}.bx-border-red-800{border-color:var(--bx-color-red-800)}.bx-bg-red-900{background-color:var(--bx-color-red-900)}.bx-text-red-900{color:var(--bx-color-red-900)}.bx-border-red-900{border-color:var(--bx-color-red-900)}.bx-bg-red-1000{background-color:var(--bx-color-red-1000)}.bx-text-red-1000{color:var(--bx-color-red-1000)}.bx-border-red-1000{border-color:var(--bx-color-red-1000)}.bx-bg-green-50{background-color:var(--bx-color-green-50)}.bx-text-green-50{color:var(--bx-color-green-50)}.bx-border-green-50{border-color:var(--bx-color-green-50)}.bx-bg-green-100{background-color:var(--bx-color-green-100)}.bx-text-green-100{color:var(--bx-color-green-100)}.bx-border-green-100{border-color:var(--bx-color-green-100)}.bx-bg-green-200{background-color:var(--bx-color-green-200)}.bx-text-green-200{color:var(--bx-color-green-200)}.bx-border-green-200{border-color:var(--bx-color-green-200)}.bx-bg-green-300{background-color:var(--bx-color-green-300)}.bx-text-green-300{color:var(--bx-color-green-300)}.bx-border-green-300{border-color:var(--bx-color-green-300)}.bx-bg-green-400{background-color:var(--bx-color-green-400)}.bx-text-green-400{color:var(--bx-color-green-400)}.bx-border-green-400{border-color:var(--bx-color-green-400)}.bx-bg-green-500{background-color:var(--bx-color-green-500)}.bx-text-green-500{color:var(--bx-color-green-500)}.bx-border-green-500{border-color:var(--bx-color-green-500)}.bx-bg-green-600{background-color:var(--bx-color-green-600)}.bx-text-green-600{color:var(--bx-color-green-600)}.bx-border-green-600{border-color:var(--bx-color-green-600)}.bx-bg-green-700{background-color:var(--bx-color-green-700)}.bx-text-green-700{color:var(--bx-color-green-700)}.bx-border-green-700{border-color:var(--bx-color-green-700)}.bx-bg-green-800{background-color:var(--bx-color-green-800)}.bx-text-green-800{color:var(--bx-color-green-800)}.bx-border-green-800{border-color:var(--bx-color-green-800)}.bx-bg-green-900{background-color:var(--bx-color-green-900)}.bx-text-green-900{color:var(--bx-color-green-900)}.bx-border-green-900{border-color:var(--bx-color-green-900)}.bx-bg-green-1000{background-color:var(--bx-color-green-1000)}.bx-text-green-1000{color:var(--bx-color-green-1000)}.bx-border-green-1000{border-color:var(--bx-color-green-1000)}.bx-bg-danger-50{background-color:var(--bx-color-danger-50)}.bx-text-danger-50{color:var(--bx-color-danger-50)}.bx-border-danger-50{border-color:var(--bx-color-danger-50)}.bx-bg-danger-100{background-color:var(--bx-color-danger-100)}.bx-text-danger-100{color:var(--bx-color-danger-100)}.bx-border-danger-100{border-color:var(--bx-color-danger-100)}.bx-bg-danger-200{background-color:var(--bx-color-danger-200)}.bx-text-danger-200{color:var(--bx-color-danger-200)}.bx-border-danger-200{border-color:var(--bx-color-danger-200)}.bx-bg-danger-300{background-color:var(--bx-color-danger-300)}.bx-text-danger-300{color:var(--bx-color-danger-300)}.bx-border-danger-300{border-color:var(--bx-color-danger-300)}.bx-bg-danger-400{background-color:var(--bx-color-danger-400)}.bx-text-danger-400{color:var(--bx-color-danger-400)}.bx-border-danger-400{border-color:var(--bx-color-danger-400)}.bx-bg-danger-500{background-color:var(--bx-color-danger-500)}.bx-text-danger-500{color:var(--bx-color-danger-500)}.bx-border-danger-500{border-color:var(--bx-color-danger-500)}.bx-bg-danger-600{background-color:var(--bx-color-danger-600)}.bx-text-danger-600{color:var(--bx-color-danger-600)}.bx-border-danger-600{border-color:var(--bx-color-danger-600)}.bx-bg-danger-700{background-color:var(--bx-color-danger-700)}.bx-text-danger-700{color:var(--bx-color-danger-700)}.bx-border-danger-700{border-color:var(--bx-color-danger-700)}.bx-bg-danger-800{background-color:var(--bx-color-danger-800)}.bx-text-danger-800{color:var(--bx-color-danger-800)}.bx-border-danger-800{border-color:var(--bx-color-danger-800)}.bx-bg-danger-900{background-color:var(--bx-color-danger-900)}.bx-text-danger-900{color:var(--bx-color-danger-900)}.bx-border-danger-900{border-color:var(--bx-color-danger-900)}.bx-bg-danger-1000{background-color:var(--bx-color-danger-1000)}.bx-text-danger-1000{color:var(--bx-color-danger-1000)}.bx-border-danger-1000{border-color:var(--bx-color-danger-1000)}.bx-bg-warn-50{background-color:var(--bx-color-warn-50)}.bx-text-warn-50{color:var(--bx-color-warn-50)}.bx-border-warn-50{border-color:var(--bx-color-warn-50)}.bx-bg-warn-100{background-color:var(--bx-color-warn-100)}.bx-text-warn-100{color:var(--bx-color-warn-100)}.bx-border-warn-100{border-color:var(--bx-color-warn-100)}.bx-bg-warn-200{background-color:var(--bx-color-warn-200)}.bx-text-warn-200{color:var(--bx-color-warn-200)}.bx-border-warn-200{border-color:var(--bx-color-warn-200)}.bx-bg-warn-300{background-color:var(--bx-color-warn-300)}.bx-text-warn-300{color:var(--bx-color-warn-300)}.bx-border-warn-300{border-color:var(--bx-color-warn-300)}.bx-bg-warn-400{background-color:var(--bx-color-warn-400)}.bx-text-warn-400{color:var(--bx-color-warn-400)}.bx-border-warn-400{border-color:var(--bx-color-warn-400)}.bx-bg-warn-500{background-color:var(--bx-color-warn-500)}.bx-text-warn-500{color:var(--bx-color-warn-500)}.bx-border-warn-500{border-color:var(--bx-color-warn-500)}.bx-bg-warn-600{background-color:var(--bx-color-warn-600)}.bx-text-warn-600{color:var(--bx-color-warn-600)}.bx-border-warn-600{border-color:var(--bx-color-warn-600)}.bx-bg-warn-700{background-color:var(--bx-color-warn-700)}.bx-text-warn-700{color:var(--bx-color-warn-700)}.bx-border-warn-700{border-color:var(--bx-color-warn-700)}.bx-bg-warn-800{background-color:var(--bx-color-warn-800)}.bx-text-warn-800{color:var(--bx-color-warn-800)}.bx-border-warn-800{border-color:var(--bx-color-warn-800)}.bx-bg-warn-900{background-color:var(--bx-color-warn-900)}.bx-text-warn-900{color:var(--bx-color-warn-900)}.bx-border-warn-900{border-color:var(--bx-color-warn-900)}.bx-bg-warn-1000{background-color:var(--bx-color-warn-1000)}.bx-text-warn-1000{color:var(--bx-color-warn-1000)}.bx-border-warn-1000{border-color:var(--bx-color-warn-1000)}.bx-bg-success-50{background-color:var(--bx-color-success-50)}.bx-text-success-50{color:var(--bx-color-success-50)}.bx-border-success-50{border-color:var(--bx-color-success-50)}.bx-bg-success-100{background-color:var(--bx-color-success-100)}.bx-text-success-100{color:var(--bx-color-success-100)}.bx-border-success-100{border-color:var(--bx-color-success-100)}.bx-bg-success-200{background-color:var(--bx-color-success-200)}.bx-text-success-200{color:var(--bx-color-success-200)}.bx-border-success-200{border-color:var(--bx-color-success-200)}.bx-bg-success-300{background-color:var(--bx-color-success-300)}.bx-text-success-300{color:var(--bx-color-success-300)}.bx-border-success-300{border-color:var(--bx-color-success-300)}.bx-bg-success-400{background-color:var(--bx-color-success-400)}.bx-text-success-400{color:var(--bx-color-success-400)}.bx-border-success-400{border-color:var(--bx-color-success-400)}.bx-bg-success-500{background-color:var(--bx-color-success-500)}.bx-text-success-500{color:var(--bx-color-success-500)}.bx-border-success-500{border-color:var(--bx-color-success-500)}.bx-bg-success-600{background-color:var(--bx-color-success-600)}.bx-text-success-600{color:var(--bx-color-success-600)}.bx-border-success-600{border-color:var(--bx-color-success-600)}.bx-bg-success-700{background-color:var(--bx-color-success-700)}.bx-text-success-700{color:var(--bx-color-success-700)}.bx-border-success-700{border-color:var(--bx-color-success-700)}.bx-bg-success-800{background-color:var(--bx-color-success-800)}.bx-text-success-800{color:var(--bx-color-success-800)}.bx-border-success-800{border-color:var(--bx-color-success-800)}.bx-bg-success-900{background-color:var(--bx-color-success-900)}.bx-text-success-900{color:var(--bx-color-success-900)}.bx-border-success-900{border-color:var(--bx-color-success-900)}.bx-bg-success-1000{background-color:var(--bx-color-success-1000)}.bx-text-success-1000{color:var(--bx-color-success-1000)}.bx-border-success-1000{border-color:var(--bx-color-success-1000)}.bx-bg-information-50{background-color:var(--bx-color-information-50)}.bx-text-information-50{color:var(--bx-color-information-50)}.bx-border-information-50{border-color:var(--bx-color-information-50)}.bx-bg-information-100{background-color:var(--bx-color-information-100)}.bx-text-information-100{color:var(--bx-color-information-100)}.bx-border-information-100{border-color:var(--bx-color-information-100)}.bx-bg-information-200{background-color:var(--bx-color-information-200)}.bx-text-information-200{color:var(--bx-color-information-200)}.bx-border-information-200{border-color:var(--bx-color-information-200)}.bx-bg-information-300{background-color:var(--bx-color-information-300)}.bx-text-information-300{color:var(--bx-color-information-300)}.bx-border-information-300{border-color:var(--bx-color-information-300)}.bx-bg-information-400{background-color:var(--bx-color-information-400)}.bx-text-information-400{color:var(--bx-color-information-400)}.bx-border-information-400{border-color:var(--bx-color-information-400)}.bx-bg-information-500{background-color:var(--bx-color-information-500)}.bx-text-information-500{color:var(--bx-color-information-500)}.bx-border-information-500{border-color:var(--bx-color-information-500)}.bx-bg-information-600{background-color:var(--bx-color-information-600)}.bx-text-information-600{color:var(--bx-color-information-600)}.bx-border-information-600{border-color:var(--bx-color-information-600)}.bx-bg-information-700{background-color:var(--bx-color-information-700)}.bx-text-information-700{color:var(--bx-color-information-700)}.bx-border-information-700{border-color:var(--bx-color-information-700)}.bx-bg-information-800{background-color:var(--bx-color-information-800)}.bx-text-information-800{color:var(--bx-color-information-800)}.bx-border-information-800{border-color:var(--bx-color-information-800)}.bx-bg-information-900{background-color:var(--bx-color-information-900)}.bx-text-information-900{color:var(--bx-color-information-900)}.bx-border-information-900{border-color:var(--bx-color-information-900)}.bx-bg-information-1000{background-color:var(--bx-color-information-1000)}.bx-text-information-1000{color:var(--bx-color-information-1000)}.bx-border-information-1000{border-color:var(--bx-color-information-1000)}.bx-bg-neutral-50{background-color:var(--bx-color-neutral-50)}.bx-text-neutral-50{color:var(--bx-color-neutral-50)}.bx-border-neutral-50{border-color:var(--bx-color-neutral-50)}.bx-bg-neutral-100{background-color:var(--bx-color-neutral-100)}.bx-text-neutral-100{color:var(--bx-color-neutral-100)}.bx-border-neutral-100{border-color:var(--bx-color-neutral-100)}.bx-bg-neutral-200{background-color:var(--bx-color-neutral-200)}.bx-text-neutral-200{color:var(--bx-color-neutral-200)}.bx-border-neutral-200{border-color:var(--bx-color-neutral-200)}.bx-bg-neutral-300{background-color:var(--bx-color-neutral-300)}.bx-text-neutral-300{color:var(--bx-color-neutral-300)}.bx-border-neutral-300{border-color:var(--bx-color-neutral-300)}.bx-bg-neutral-400{background-color:var(--bx-color-neutral-400)}.bx-text-neutral-400{color:var(--bx-color-neutral-400)}.bx-border-neutral-400{border-color:var(--bx-color-neutral-400)}.bx-bg-neutral-500{background-color:var(--bx-color-neutral-500)}.bx-text-neutral-500{color:var(--bx-color-neutral-500)}.bx-border-neutral-500{border-color:var(--bx-color-neutral-500)}.bx-bg-neutral-600{background-color:var(--bx-color-neutral-600)}.bx-text-neutral-600{color:var(--bx-color-neutral-600)}.bx-border-neutral-600{border-color:var(--bx-color-neutral-600)}.bx-bg-neutral-700{background-color:var(--bx-color-neutral-700)}.bx-text-neutral-700{color:var(--bx-color-neutral-700)}.bx-border-neutral-700{border-color:var(--bx-color-neutral-700)}.bx-bg-neutral-800{background-color:var(--bx-color-neutral-800)}.bx-text-neutral-800{color:var(--bx-color-neutral-800)}.bx-border-neutral-800{border-color:var(--bx-color-neutral-800)}.bx-bg-neutral-900{background-color:var(--bx-color-neutral-900)}.bx-text-neutral-900{color:var(--bx-color-neutral-900)}.bx-border-neutral-900{border-color:var(--bx-color-neutral-900)}.bx-bg-neutral-1000{background-color:var(--bx-color-neutral-1000)}.bx-text-neutral-1000{color:var(--bx-color-neutral-1000)}.bx-border-neutral-1000{border-color:var(--bx-color-neutral-1000)}.bx-bg-cyber-yellow-50{background-color:var(--bx-color-cyber-yellow-50)}.bx-text-cyber-yellow-50{color:var(--bx-color-cyber-yellow-50)}.bx-border-cyber-yellow-50{border-color:var(--bx-color-cyber-yellow-50)}.bx-bg-cyber-yellow-100{background-color:var(--bx-color-cyber-yellow-100)}.bx-text-cyber-yellow-100{color:var(--bx-color-cyber-yellow-100)}.bx-border-cyber-yellow-100{border-color:var(--bx-color-cyber-yellow-100)}.bx-bg-cyber-yellow-200{background-color:var(--bx-color-cyber-yellow-200)}.bx-text-cyber-yellow-200{color:var(--bx-color-cyber-yellow-200)}.bx-border-cyber-yellow-200{border-color:var(--bx-color-cyber-yellow-200)}.bx-bg-cyber-yellow-300{background-color:var(--bx-color-cyber-yellow-300)}.bx-text-cyber-yellow-300{color:var(--bx-color-cyber-yellow-300)}.bx-border-cyber-yellow-300{border-color:var(--bx-color-cyber-yellow-300)}.bx-bg-cyber-yellow-400{background-color:var(--bx-color-cyber-yellow-400)}.bx-text-cyber-yellow-400{color:var(--bx-color-cyber-yellow-400)}.bx-border-cyber-yellow-400{border-color:var(--bx-color-cyber-yellow-400)}.bx-bg-cyber-yellow-500{background-color:var(--bx-color-cyber-yellow-500)}.bx-text-cyber-yellow-500{color:var(--bx-color-cyber-yellow-500)}.bx-border-cyber-yellow-500{border-color:var(--bx-color-cyber-yellow-500)}.bx-bg-cyber-yellow-600{background-color:var(--bx-color-cyber-yellow-600)}.bx-text-cyber-yellow-600{color:var(--bx-color-cyber-yellow-600)}.bx-border-cyber-yellow-600{border-color:var(--bx-color-cyber-yellow-600)}.bx-bg-cyber-yellow-700{background-color:var(--bx-color-cyber-yellow-700)}.bx-text-cyber-yellow-700{color:var(--bx-color-cyber-yellow-700)}.bx-border-cyber-yellow-700{border-color:var(--bx-color-cyber-yellow-700)}.bx-bg-cyber-yellow-800{background-color:var(--bx-color-cyber-yellow-800)}.bx-text-cyber-yellow-800{color:var(--bx-color-cyber-yellow-800)}.bx-border-cyber-yellow-800{border-color:var(--bx-color-cyber-yellow-800)}.bx-bg-cyber-yellow-900{background-color:var(--bx-color-cyber-yellow-900)}.bx-text-cyber-yellow-900{color:var(--bx-color-cyber-yellow-900)}.bx-border-cyber-yellow-900{border-color:var(--bx-color-cyber-yellow-900)}.bx-bg-cyber-yellow-1000{background-color:var(--bx-color-cyber-yellow-1000)}.bx-text-cyber-yellow-1000{color:var(--bx-color-cyber-yellow-1000)}.bx-border-cyber-yellow-1000{border-color:var(--bx-color-cyber-yellow-1000)}.bx-bg-cyber-slate-50{background-color:var(--bx-color-cyber-slate-50)}.bx-text-cyber-slate-50{color:var(--bx-color-cyber-slate-50)}.bx-border-cyber-slate-50{border-color:var(--bx-color-cyber-slate-50)}.bx-bg-cyber-slate-100{background-color:var(--bx-color-cyber-slate-100)}.bx-text-cyber-slate-100{color:var(--bx-color-cyber-slate-100)}.bx-border-cyber-slate-100{border-color:var(--bx-color-cyber-slate-100)}.bx-bg-cyber-slate-200{background-color:var(--bx-color-cyber-slate-200)}.bx-text-cyber-slate-200{color:var(--bx-color-cyber-slate-200)}.bx-border-cyber-slate-200{border-color:var(--bx-color-cyber-slate-200)}.bx-bg-cyber-slate-300{background-color:var(--bx-color-cyber-slate-300)}.bx-text-cyber-slate-300{color:var(--bx-color-cyber-slate-300)}.bx-border-cyber-slate-300{border-color:var(--bx-color-cyber-slate-300)}.bx-bg-cyber-slate-400{background-color:var(--bx-color-cyber-slate-400)}.bx-text-cyber-slate-400{color:var(--bx-color-cyber-slate-400)}.bx-border-cyber-slate-400{border-color:var(--bx-color-cyber-slate-400)}.bx-bg-cyber-slate-500{background-color:var(--bx-color-cyber-slate-500)}.bx-text-cyber-slate-500{color:var(--bx-color-cyber-slate-500)}.bx-border-cyber-slate-500{border-color:var(--bx-color-cyber-slate-500)}.bx-bg-cyber-slate-600{background-color:var(--bx-color-cyber-slate-600)}.bx-text-cyber-slate-600{color:var(--bx-color-cyber-slate-600)}.bx-border-cyber-slate-600{border-color:var(--bx-color-cyber-slate-600)}.bx-bg-cyber-slate-700{background-color:var(--bx-color-cyber-slate-700)}.bx-text-cyber-slate-700{color:var(--bx-color-cyber-slate-700)}.bx-border-cyber-slate-700{border-color:var(--bx-color-cyber-slate-700)}.bx-bg-cyber-slate-800{background-color:var(--bx-color-cyber-slate-800)}.bx-text-cyber-slate-800{color:var(--bx-color-cyber-slate-800)}.bx-border-cyber-slate-800{border-color:var(--bx-color-cyber-slate-800)}.bx-bg-cyber-slate-900{background-color:var(--bx-color-cyber-slate-900)}.bx-text-cyber-slate-900{color:var(--bx-color-cyber-slate-900)}.bx-border-cyber-slate-900{border-color:var(--bx-color-cyber-slate-900)}.bx-bg-cyber-slate-1000{background-color:var(--bx-color-cyber-slate-1000)}.bx-text-cyber-slate-1000{color:var(--bx-color-cyber-slate-1000)}.bx-border-cyber-slate-1000{border-color:var(--bx-color-cyber-slate-1000)}:root{--bx-space-0: 0;--bx-space-1: .25rem;--bx-space-2: .5rem;--bx-space-3: .75rem;--bx-space-4: 1rem;--bx-space-5: 1.25rem;--bx-space-6: 1.5rem;--bx-space-8: 2rem;--bx-space-10: 2.5rem;--bx-space-12: 3rem;--bx-rounded-none: 0;--bx-rounded-sm: .25rem;--bx-rounded-md: .5rem;--bx-rounded-lg: .75rem;--bx-rounded-xl: 1rem;--bx-rounded-2xl: 1.5rem;--bx-rounded-3xl: 1.875rem;--bx-rounded-pill: 9999px;--bx-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--bx-shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .12);--bx-shadow-lg: 0 12px 20px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--bx-shadow-xl: 0 24px 32px -5px rgba(0, 0, 0, .25), 0 10px 12px -5px rgba(0, 0, 0, .15);--bx-shadow-modal: 0 8px 20px rgba(0, 0, 0, .12);--bx-shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--bx-z-base: 1;--bx-z-dropdown: 100;--bx-z-sticky: 200;--bx-z-fixed: 300;--bx-z-modal: 400;--bx-z-popover: 500;--bx-z-tooltip: 600;--bx-z-toast: 9999;--bx-color-orange-50: #FFF7ED;--bx-color-orange-100: #FFEDD4;--bx-color-orange-200: #FFD6A7;--bx-color-orange-300: #FFB86A;--bx-color-orange-400: #FF8904;--bx-color-orange-500: #FF6900;--bx-color-orange-600: #F54900;--bx-color-orange-700: #CA3500;--bx-color-orange-800: #9F2D00;--bx-color-orange-900: #551111;--bx-color-orange-1000: #441306;--bx-color-purple-50: #F4EBFF;--bx-color-purple-100: #E6D4FF;--bx-color-purple-200: #CFA3FF;--bx-color-purple-300: #B36BFF;--bx-color-purple-400: #922FFF;--bx-color-purple-500: #6D00FF;--bx-color-purple-600: #5700CC;--bx-color-purple-700: #410099;--bx-color-purple-800: #2C0066;--bx-color-purple-900: #160033;--bx-color-purple-1000: #0B001A;--bx-color-red-50: #FDF1F0;--bx-color-red-100: #FADCDA;--bx-color-red-200: #F5B0AB;--bx-color-red-300: #EF8079;--bx-color-red-400: #EA4C43;--bx-color-red-500: #E3241B;--bx-color-red-600: #BE1810;--bx-color-red-700: #991009;--bx-color-red-800: #750904;--bx-color-red-900: #520401;--bx-color-red-1000: #2E0200;--bx-color-green-50: #F7FCE8;--bx-color-green-100: #EDF8C8;--bx-color-green-200: #DDF19C;--bx-color-green-300: #CAE96A;--bx-color-green-400: #BEE046;--bx-color-green-500: #B0D624;--bx-color-green-600: #92B518;--bx-color-green-700: #718F10;--bx-color-green-800: #556D0C;--bx-color-green-900: #3C4E08;--bx-color-green-1000: #212C03;--bx-color-danger-50: #FFFCFC;--bx-color-danger-100: #F4E5E5;--bx-color-danger-200: #EAD0D0;--bx-color-danger-300: #DE9E9E;--bx-color-danger-400: #F76D6D;--bx-color-danger-500: #D94D4D;--bx-color-danger-600: #C93D3D;--bx-color-danger-700: #BA2E2E;--bx-color-danger-800: #722222;--bx-color-danger-900: #2B1717;--bx-color-danger-1000: #0E0C0C;--bx-color-warn-50: #FFFEFB;--bx-color-warn-100: #F7F0E3;--bx-color-warn-200: #EAE3D0;--bx-color-warn-300: #E7C892;--bx-color-warn-400: #E4AD55;--bx-color-warn-500: #C68D36;--bx-color-warn-600: #B77D27;--bx-color-warn-700: #A96D18;--bx-color-warn-800: #6A4817;--bx-color-warn-900: #2B2317;--bx-color-warn-1000: #0E0D0C;--bx-color-success-50: #FCFFFC;--bx-color-success-100: #E6F4E6;--bx-color-success-200: #D1EAD0;--bx-color-success-300: #98D6A0;--bx-color-success-400: #5FC370;--bx-color-success-500: #3FA94E;--bx-color-success-600: #2E9C3E;--bx-color-success-700: #1E8F2D;--bx-color-success-800: #1A5D22;--bx-color-success-900: #172B18;--bx-color-success-1000: #0C0E0C;--bx-color-information-50: #FBFDFF;--bx-color-information-100: #E5EEF7;--bx-color-information-200: #D0DDEA;--bx-color-information-300: #97CACE;--bx-color-information-400: #5FB7C3;--bx-color-information-500: #3E90B5;--bx-color-information-600: #2E7CAE;--bx-color-information-700: #1E69A7;--bx-color-information-800: #1A4469;--bx-color-information-900: #17202B;--bx-color-information-1000: #0C0D0E;--bx-color-neutral-50: #FAFAFA;--bx-color-neutral-100: #F5F5F5;--bx-color-neutral-200: #E5E5E5;--bx-color-neutral-300: #D4D4D4;--bx-color-neutral-400: #A1A1A1;--bx-color-neutral-500: #737373;--bx-color-neutral-600: #525252;--bx-color-neutral-700: #404040;--bx-color-neutral-800: #262626;--bx-color-neutral-900: #171717;--bx-color-neutral-1000: #0b0b0b;--bx-color-cyber-yellow-50: #FFFEF2;--bx-color-cyber-yellow-100: #FFFDD1;--bx-color-cyber-yellow-200: #FFF9A3;--bx-color-cyber-yellow-300: #FFF370;--bx-color-cyber-yellow-400: #FFEB33;--bx-color-cyber-yellow-500: #e6da00;--bx-color-cyber-yellow-600: #CCBD00;--bx-color-cyber-yellow-700: #998E00;--bx-color-cyber-yellow-800: #665E00;--bx-color-cyber-yellow-900: #332F00;--bx-color-cyber-yellow-1000: #141300;--bx-color-cyber-slate-50: #EBEFF2;--bx-color-cyber-slate-100: #CDD6DF;--bx-color-cyber-slate-200: #A8B8C6;--bx-color-cyber-slate-300: #7E96A9;--bx-color-cyber-slate-400: #5D788C;--bx-color-cyber-slate-500: #3E5669;--bx-color-cyber-slate-600: #283C4C;--bx-color-cyber-slate-700: #1B2936;--bx-color-cyber-slate-800: #121A21;--bx-color-cyber-slate-900: #0B1015;--bx-color-cyber-slate-1000: #05080A}:root .bx-icon-pos-start{margin-right:.5rem}:root .bx-icon-pos-end{margin-left:.5rem}.bx-bg-canvas{background-color:var(--bx-bg-canvas);transition:background-color .2s ease-in-out}.bx-bg-surface{background-color:var(--bx-bg-surface);transition:background-color .2s ease-in-out}.bx-bg-surface-alt{background-color:var(--bx-bg-surface-alt);transition:background-color .2s ease-in-out}.bx-bg-element{background-color:var(--bx-bg-element);transition:background-color .2s ease-in-out}.bx-bg-element-hover{background-color:var(--bx-bg-element-hover);transition:background-color .2s ease-in-out}.bx-bg-element-active{background-color:var(--bx-bg-element-active);transition:background-color .2s ease-in-out}.bx-bg-primary{background-color:var(--bx-primary);transition:background-color .2s ease-in-out}.bx-text-primary{color:var(--bx-primary);transition:color .2s ease-in-out}.bx-border-primary{border-color:var(--bx-primary);transition:border-color .2s ease-in-out}.bx-bg-primary-hover{background-color:var(--bx-primary-hover);transition:background-color .2s ease-in-out}.bx-text-primary-hover{color:var(--bx-primary-hover);transition:color .2s ease-in-out}.bx-border-primary-hover{border-color:var(--bx-primary-hover);transition:border-color .2s ease-in-out}.bx-bg-primary-active{background-color:var(--bx-primary-active);transition:background-color .2s ease-in-out}.bx-text-primary-active{color:var(--bx-primary-active);transition:color .2s ease-in-out}.bx-border-primary-active{border-color:var(--bx-primary-active);transition:border-color .2s ease-in-out}.bx-bg-primary-subtle{background-color:var(--bx-primary-subtle);transition:background-color .2s ease-in-out}.bx-text-primary-subtle{color:var(--bx-primary-subtle);transition:color .2s ease-in-out}.bx-border-primary-subtle{border-color:var(--bx-primary-subtle);transition:border-color .2s ease-in-out}.bx-bg-on-primary{background-color:var(--bx-on-primary);transition:background-color .2s ease-in-out}.bx-text-on-primary{color:var(--bx-on-primary);transition:color .2s ease-in-out}.bx-border-on-primary{border-color:var(--bx-on-primary);transition:border-color .2s ease-in-out}.bx-text-heading{color:var(--bx-text-heading);transition:color .2s ease-in-out}.bx-text-primary{color:var(--bx-text-primary);transition:color .2s ease-in-out}.bx-text-secondary{color:var(--bx-text-secondary);transition:color .2s ease-in-out}.bx-text-brand{color:var(--bx-text-brand);transition:color .2s ease-in-out}.bx-text-inverse{color:var(--bx-text-inverse);transition:color .2s ease-in-out}.bx-text-info{color:var(--bx-text-info);transition:color .2s ease-in-out}.bx-text-warn{color:var(--bx-text-warn);transition:color .2s ease-in-out}.bx-text-success{color:var(--bx-text-success);transition:color .2s ease-in-out}.bx-text-danger{color:var(--bx-text-danger);transition:color .2s ease-in-out}.bx-border-subtle{border-color:var(--bx-border-subtle);transition:border-color .2s ease-in-out}.bx-border-default{border-color:var(--bx-border-default);transition:border-color .2s ease-in-out}.bx-border-strong{border-color:var(--bx-border-strong);transition:border-color .2s ease-in-out}.bx-border-brand{border-color:var(--bx-border-brand);transition:border-color .2s ease-in-out}.bx-border-info{border-color:var(--bx-border-info);transition:border-color .2s ease-in-out}.bx-border-success{border-color:var(--bx-border-success);transition:border-color .2s ease-in-out}.bx-border-warn{border-color:var(--bx-border-warn);transition:border-color .2s ease-in-out}.bx-border-danger{border-color:var(--bx-border-danger);transition:border-color .2s ease-in-out}.bx-bg-info{background-color:var(--bx-bg-info);transition:background-color .2s ease-in-out}.bx-bg-info-hover{background-color:var(--bx-bg-info-hover);transition:background-color .2s ease-in-out}.bx-bg-info-active{background-color:var(--bx-bg-info-active);transition:background-color .2s ease-in-out}.bx-bg-info-disabled{background-color:var(--bx-bg-info-disabled);transition:background-color .2s ease-in-out}.bx-bg-info-subtle{background-color:var(--bx-bg-info-subtle);transition:background-color .2s ease-in-out}.bx-bg-success{background-color:var(--bx-bg-success);transition:background-color .2s ease-in-out}.bx-bg-success-hover{background-color:var(--bx-bg-success-hover);transition:background-color .2s ease-in-out}.bx-bg-success-active{background-color:var(--bx-bg-success-active);transition:background-color .2s ease-in-out}.bx-bg-success-disabled{background-color:var(--bx-bg-success-disabled);transition:background-color .2s ease-in-out}.bx-bg-success-subtle{background-color:var(--bx-bg-success-subtle);transition:background-color .2s ease-in-out}.bx-bg-warn{background-color:var(--bx-bg-warn);transition:background-color .2s ease-in-out}.bx-bg-warn-hover{background-color:var(--bx-bg-warn-hover);transition:background-color .2s ease-in-out}.bx-bg-warn-active{background-color:var(--bx-bg-warn-active);transition:background-color .2s ease-in-out}.bx-bg-warn-disabled{background-color:var(--bx-bg-warn-disabled);transition:background-color .2s ease-in-out}.bx-bg-warn-subtle{background-color:var(--bx-bg-warn-subtle);transition:background-color .2s ease-in-out}.bx-bg-danger{background-color:var(--bx-bg-danger);transition:background-color .2s ease-in-out}.bx-bg-danger-hover{background-color:var(--bx-bg-danger-hover);transition:background-color .2s ease-in-out}.bx-bg-danger-active{background-color:var(--bx-bg-danger-active);transition:background-color .2s ease-in-out}.bx-bg-danger-disabled{background-color:var(--bx-bg-danger-disabled);transition:background-color .2s ease-in-out}.bx-bg-danger-subtle{background-color:var(--bx-bg-danger-subtle);transition:background-color .2s ease-in-out}.bx-bg-meta-brand-palette{background-color:var(--bx-meta-brand-palette);transition:background-color .2s ease-in-out}.bx-text-meta-brand-palette{color:var(--bx-meta-brand-palette);transition:color .2s ease-in-out}.bx-border-meta-brand-palette{border-color:var(--bx-meta-brand-palette);transition:border-color .2s ease-in-out}:root{--bx-reduced-motion: 0}@media(prefers-reduced-motion:reduce){:root{--bx-reduced-motion: 1}}.bx-reduce-motion-forced{--bx-reduced-motion: 1 !important}.bx-reduce-motion-forced *,.bx-reduce-motion-forced *:before,.bx-reduce-motion-forced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:host{display:block}.bx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bx-inline-wrapper{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.bx-inline-wrapper.is-disabled{opacity:.5;cursor:not-allowed}.bx-inline-label{font-size:.875rem;color:var(--bx-text-primary)}.bx-inline-required{color:var(--bx-text-danger)}.bx-inline-tooltip-trigger{position:relative;display:inline-flex;color:var(--bx-text-secondary);cursor:help;outline:none}.bx-inline-tooltip-trigger:hover,.bx-inline-tooltip-trigger:focus-visible{color:var(--bx-text-brand)}.bx-inline-tooltip-trigger bx-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.bx-slide-toggle-track{position:relative;width:36px;height:20px;background-color:var(--bx-border-strong);border-radius:9999px;transition:background-color .2s ease,border-color .2s ease;border:2px solid transparent}.bx-slide-toggle-track.is-invalid{background-color:var(--bx-bg-danger-subtle);border-color:var(--bx-border-danger)}.bx-slide-toggle-track.is-checked{background-color:var(--bx-primary)}.bx-slide-toggle-track.is-checked.is-invalid{background-color:var(--bx-bg-danger)}.bx-slide-toggle-track.is-checked .bx-slide-toggle-thumb{transform:translate(16px)}input:focus-visible~.bx-slide-toggle-track{box-shadow:0 0 0 3px var(--bx-primary-subtle)}.bx-slide-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background-color:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.25,.8,.25,1);box-shadow:var(--bx-shadow-sm)}\n"] }]
|
|
361
|
+
}] });
|
|
362
|
+
|
|
363
|
+
class BxError {
|
|
364
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BxError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
365
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: BxError, isStandalone: true, selector: "bx-error", ngImport: i0 });
|
|
366
|
+
}
|
|
367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BxError, decorators: [{
|
|
368
|
+
type: Directive,
|
|
369
|
+
args: [{
|
|
370
|
+
selector: 'bx-error',
|
|
371
|
+
standalone: true
|
|
372
|
+
}]
|
|
373
|
+
}] });
|
|
374
|
+
|
|
40
375
|
/*
|
|
41
376
|
* Public API Surface of toastr
|
|
42
377
|
*/
|
|
@@ -45,5 +380,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
45
380
|
* Generated bundle index. Do not edit.
|
|
46
381
|
*/
|
|
47
382
|
|
|
48
|
-
export { Button };
|
|
383
|
+
export { Button, BxError, Checkbox, FormField, InputField, Radio, SearchInput, Select, SlideToggle };
|
|
49
384
|
//# sourceMappingURL=filip.mazev-blocks-forms.mjs.map
|