@filip.mazev/blocks 1.0.34 → 1.0.41

package/fesm2022/filip.mazev-blocks-modal.mjs

@@ -0,0 +1,1013 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, signal, Injectable, inject, Injector, ApplicationRef, EnvironmentInjector, RendererFactory2, createComponent, input, output, Component, computed, ViewChild, ViewChildren, effect, ViewContainerRef, TemplateRef, Directive } from '@angular/core';
+import { BehaviorSubject, Subject, filter, skip, Observable, from, of, take, fromEvent, map } from 'rxjs';
+import { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';
+import { Router, NavigationEnd } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Icon } from '@filip.mazev/blocks/icons';
+import { ScrollLockService, WindowDimensionsService, uuidv4 } from '@filip.mazev/blocks/core';
+
+class ModalStyleConfig {
+    layout;
+    breakpoints;
+    animate;
+    hasBackdrop;
+    closeDelay;
+    showCloseButton;
+    mobileConfig;
+    contentWrapper;
+    wrapperClasses;
+    wrapperStyles;
+    overrideFullHeight;
+    constructor(config) {
+        this.layout = config?.layout ?? 'center';
+        this.breakpoints = config?.breakpoints;
+        this.animate = config?.animate ?? true;
+        this.hasBackdrop = config?.hasBackdrop ?? true;
+        this.closeDelay = config?.closeDelay;
+        this.showCloseButton = config?.showCloseButton ?? true;
+        this.mobileConfig = config?.mobileConfig ?? {};
+        this.contentWrapper = config?.contentWrapper ?? true;
+        this.wrapperClasses = config?.wrapperClasses ?? '';
+        this.wrapperStyles = config?.wrapperStyles ?? '';
+        this.overrideFullHeight = config?.overrideFullHeight ?? false;
+    }
+}
+
+class ModalConfig {
+    open;
+    afterClose;
+    closeGuard;
+    closeGuardOnlyOnCancel;
+    disableClose;
+    disableCloseOnBackdropClick;
+    disableCloseOnNavigation;
+    data;
+    style;
+    bannerText;
+    contentClasses;
+    contentStyles;
+    disableConsoleWarnings;
+    disableConsoleInfo;
+    id;
+    constructor(config) {
+        this.open = config?.open ?? true;
+        this.afterClose = config?.afterClose;
+        this.closeGuard = config?.closeGuard;
+        this.closeGuardOnlyOnCancel = config?.closeGuardOnlyOnCancel ?? true;
+        this.disableClose = config?.disableClose ?? false;
+        this.disableCloseOnBackdropClick = config?.disableCloseOnBackdropClick ?? false;
+        this.disableCloseOnNavigation = config?.disableCloseOnNavigation ?? false;
+        this.data = config?.data ?? null;
+        this.style = new ModalStyleConfig(config?.style);
+        this.bannerText = config?.bannerText ?? '';
+        this.contentClasses = config?.contentClasses ?? '';
+        this.contentStyles = config?.contentStyles ?? '';
+        this.disableConsoleWarnings = config?.disableConsoleWarnings ?? false;
+        this.disableConsoleInfo = config?.disableConsoleInfo ?? false;
+        this.id = config?.id;
+    }
+}
+
+var ModalState;
+(function (ModalState) {
+    ModalState["OPEN"] = "open";
+    ModalState["OPENING"] = "opening";
+    ModalState["CLOSED"] = "closed";
+    ModalState["CLOSING"] = "closing";
+})(ModalState || (ModalState = {}));
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+class ModalRef {
+    componentType;
+    modalService;
+    //#region Modal Container
+    _modalContainer = {};
+    _modalContainerRef = {};
+    _modalContainerElement = {};
+    _parentElement = undefined;
+    //#region Component
+    _componentRef = {};
+    //#region Self
+    _modalState = ModalState.CLOSED;
+    //#endregion
+    modalState = new BehaviorSubject(this.getStatus());
+    _modalConfig = undefined;
+    //#region Observables
+    backdropClickSubject = new Subject();
+    //#endregion
+    afterCloseSubject = new Subject();
+    //#endregion
+    constructor(componentRef, componentType, modalContainerRef, modalService, modalConfig) {
+        this.componentType = componentType;
+        this.modalService = modalService;
+        this.modalConfig = modalConfig;
+        this.modalContainerRef = modalContainerRef;
+        this.modalContainerElement = modalContainerRef.location.nativeElement;
+        this.componentRef = componentRef;
+    }
+    get modalContainer() {
+        return this._modalContainer;
+    }
+    set modalContainer(modalContainer) {
+        this._modalContainer = modalContainer;
+    }
+    get modalContainerRef() {
+        return this._modalContainerRef;
+    }
+    set modalContainerRef(modalContainerRef) {
+        this._modalContainerRef = modalContainerRef;
+    }
+    get modalContainerElement() {
+        return this._modalContainerElement;
+    }
+    set modalContainerElement(modalContainerElement) {
+        this._modalContainerElement = modalContainerElement;
+    }
+    get parentElement() {
+        return this._parentElement;
+    }
+    set parentElement(parentElement) {
+        this._parentElement = parentElement;
+    }
+    //#endregion
+    get componentRef() {
+        return this._componentRef;
+    }
+    set componentRef(componentRef) {
+        this._componentRef = componentRef;
+    }
+    get modalConfig() {
+        return this._modalConfig;
+    }
+    set modalConfig(modalConfig) {
+        this._modalConfig = modalConfig;
+    }
+    backdropClick() {
+        return this.backdropClickSubject.asObservable();
+    }
+    modalState$() {
+        return this.modalState.asObservable();
+    }
+    /**
+     * Observable that emits when the modal has been closed.
+     * @returns An Observable that emits an IModalCloseResult<R | undefined> when the modal is closed.
+     */
+    afterClosed() {
+        return this.afterCloseSubject.asObservable();
+    }
+    //#region Public Methods
+    async open() {
+        this._modalState = ModalState.OPENING;
+        this.modalState.next(ModalState.OPENING);
+        this.modalContainerRef.instance.componentRef = this._componentRef;
+        const config = new ModalConfig(this.modalConfig);
+        this.modalContainerRef.instance.config = config;
+        this.modalContainerRef.instance.closeFunction = this.handleClose.bind(this);
+        this.parentElement?.appendChild(this.modalContainerElement);
+        this.modalContainerRef.instance.backdropClick.subscribe((event) => {
+            this.backdropClicked(event);
+        });
+        this._modalState = ModalState.OPEN;
+        this.modalState.next(ModalState.OPEN);
+    }
+    close(state = 'cancel', result = undefined, forceClose = false) {
+        this.modalContainerRef.instance.close(state, result, false, forceClose);
+    }
+    getStatus() {
+        return this._modalState;
+    }
+    backdropClicked(event) {
+        this.backdropClickSubject.next(event);
+    }
+    afterClose(result) {
+        this.afterCloseSubject.next(result);
+    }
+    //#endregion
+    //#region Private Methods
+    handleClose(result) {
+        this._modalState = ModalState.CLOSING;
+        this.modalState.next(ModalState.CLOSING);
+        setTimeout(() => {
+            if (this.modalConfig?.afterClose) {
+                this.modalConfig.afterClose();
+            }
+            this.modalContainerRef.destroy();
+            this._modalState = ModalState.CLOSED;
+            this.modalState.next(ModalState.CLOSED);
+            this.afterClose(result);
+            this.modalService?.unregister(this);
+        }, this.modalContainerRef.instance.animationDuration);
+    }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const MODAL_DATA = new InjectionToken('MODAL_DATA');
+
+class ModalGlobalSettingsService {
+    layout = signal('center', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    animate = signal(true, ...(ngDevMode ? [{ debugName: "animate" }] : /* istanbul ignore next */ []));
+    hasBackdrop = signal(true, ...(ngDevMode ? [{ debugName: "hasBackdrop" }] : /* istanbul ignore next */ []));
+    showCloseButton = signal(true, ...(ngDevMode ? [{ debugName: "showCloseButton" }] : /* istanbul ignore next */ []));
+    contentWrapper = signal(true, ...(ngDevMode ? [{ debugName: "contentWrapper" }] : /* istanbul ignore next */ []));
+    overrideFullHeight = signal(false, ...(ngDevMode ? [{ debugName: "overrideFullHeight" }] : /* istanbul ignore next */ []));
+    disableClose = signal(false, ...(ngDevMode ? [{ debugName: "disableClose" }] : /* istanbul ignore next */ []));
+    disableCloseOnBackdropClick = signal(false, ...(ngDevMode ? [{ debugName: "disableCloseOnBackdropClick" }] : /* istanbul ignore next */ []));
+    disableCloseOnNavigation = signal(false, ...(ngDevMode ? [{ debugName: "disableCloseOnNavigation" }] : /* istanbul ignore next */ []));
+    closeGuardOnlyOnCancel = signal(true, ...(ngDevMode ? [{ debugName: "closeGuardOnlyOnCancel" }] : /* istanbul ignore next */ []));
+    disableConsoleWarnings = signal(false, ...(ngDevMode ? [{ debugName: "disableConsoleWarnings" }] : /* istanbul ignore next */ []));
+    disableConsoleInfo = signal(false, ...(ngDevMode ? [{ debugName: "disableConsoleInfo" }] : /* istanbul ignore next */ []));
+    /**
+     * Updates the global modal settings with the provided values. Only the specified settings will be updated, while others will remain unchanged.
+     * @param settings An object containing the settings to be updated. Each property is optional, and only those provided will be updated.
+     * Example usage:
+     * this.modalGlobalSettingsService.update({
+     *   animate: false,
+     *   hasBackdrop: true,
+     *   disableCloseOnBackdropClick: true
+     * });
+     * In this example, the global settings for 'animate', 'hasBackdrop', and 'disableCloseOnBackdropClick' will be updated, while all other settings will retain their current values.
+     */
+    update(settings) {
+        if (settings.animate !== undefined)
+            this.animate.set(settings.animate);
+        if (settings.hasBackdrop !== undefined)
+            this.hasBackdrop.set(settings.hasBackdrop);
+        if (settings.disableCloseOnBackdropClick !== undefined)
+            this.disableCloseOnBackdropClick.set(settings.disableCloseOnBackdropClick);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalGlobalSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalGlobalSettingsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalGlobalSettingsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ModalService {
+    router = inject(Router);
+    injector = inject(Injector);
+    appRef = inject(ApplicationRef);
+    environmentInjector = inject(EnvironmentInjector);
+    rendererFactory = inject(RendererFactory2);
+    document = inject(DOCUMENT);
+    renderer;
+    globalSettings = inject(ModalGlobalSettingsService);
+    //#region Properties
+    modals = new Set();
+    modalsSubject = new BehaviorSubject(this.modals);
+    //#endregion
+    constructor() {
+        this.renderer = this.rendererFactory.createRenderer(null, null);
+        this.createSubscriptions();
+    }
+    //#region Subscription Methods
+    createSubscriptions() {
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd), skip(1), takeUntilDestroyed())
+            .subscribe(() => {
+            if (this.modalsCount() > 0) {
+                this.closeAll(true);
+            }
+        });
+    }
+    //#endregion
+    //#region Public Methods
+    /**
+     * Opens a modal with the specified component and configuration.
+     * @param component The component to be displayed in the modal.
+     * @param config Optional configuration for the modal.
+     * @returns A ModalRef instance representing the opened modal.
+     */
+    open(component, config) {
+        const dataInjector = Injector.create({
+            providers: [{ provide: MODAL_DATA, useValue: config?.data }],
+            parent: this.injector
+        });
+        const wrapperRef = createComponent((ModalCore), {
+            environmentInjector: this.environmentInjector,
+            elementInjector: dataInjector
+        });
+        const contentInjector = Injector.create({
+            providers: [{ provide: ModalCore, useValue: wrapperRef.instance }],
+            parent: wrapperRef.injector
+        });
+        const contentRef = createComponent(component, {
+            environmentInjector: this.environmentInjector,
+            elementInjector: contentInjector
+        });
+        const resolvedConfig = this.resolveConfig(config);
+        wrapperRef.instance.componentRef = contentRef;
+        wrapperRef.instance.config = new ModalConfig(resolvedConfig);
+        this.appRef.attachView(wrapperRef.hostView);
+        this.document.body.appendChild(wrapperRef.location.nativeElement);
+        const modal = new ModalRef(contentRef, component, wrapperRef, this, new ModalConfig(resolvedConfig));
+        if (this.isIModal(contentRef.instance)) {
+            contentRef.instance.modal = modal;
+            contentRef.instance.onModalInit();
+        }
+        wrapperRef.onDestroy(() => {
+            this.appRef.detachView(wrapperRef.hostView);
+            wrapperRef.location.nativeElement.remove();
+        });
+        const modalElement = modal.componentRef.location.nativeElement;
+        this.renderer.setStyle(modalElement, 'height', '97%');
+        this.renderer.setStyle(modalElement, 'width', '100%');
+        this.renderer.setStyle(modalElement, 'display', 'flex');
+        this.renderer.setStyle(modalElement, 'flex-grow', '1');
+        this.modals.add(modal);
+        this.modalsSubject.next(this.modals);
+        modal.open();
+        return modal;
+    }
+    /**
+     * Closes the specified modal.
+     * @param modal The ModalRef instance representing the modal to be closed.
+     */
+    close(modal) {
+        modal.close();
+    }
+    /**
+     * Unregisters the specified modal from the service.
+     * @param modal The ModalRef instance representing the modal to be unregistered.
+     */
+    unregister(modal) {
+        this.modals.delete(modal);
+        this.modalsSubject.next(this.modals);
+    }
+    /**
+     * Closes all open modals.
+     * @param onNavigate Indicates if the closeAll is triggered by navigation event.
+     */
+    closeAll(onNavigate = false) {
+        this.modals.forEach((modal) => {
+            if (modal.modalConfig?.disableCloseOnNavigation !== true || !onNavigate) {
+                modal.close('cancel', undefined, true);
+            }
+        });
+    }
+    /**
+     * Finds if a modal with the specified component type is currently open.
+     * @param componentType The component type to search for.
+     * @returns True if a modal with the specified component type is open, false otherwise.
+     */
+    find(componentType) {
+        for (const modal of this.modals) {
+            if (modal.componentRef.componentType === componentType) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /**
+     * Gets the count of currently open modals.
+     * @returns The number of open modals.
+     */
+    modalsCount() {
+        return this.modals.size;
+    }
+    //#endregion
+    //#region Helper Methods
+    isIModal(component) {
+        return typeof component === 'object' && component !== null && 'onModalInit' in component && typeof component.onModalInit === 'function';
+    }
+    resolveConfig(config) {
+        const resolvedStyle = {
+            layout: config?.style?.layout ?? this.globalSettings.layout(),
+            animate: config?.style?.animate ?? this.globalSettings.animate(),
+            hasBackdrop: config?.style?.hasBackdrop ?? this.globalSettings.hasBackdrop(),
+            showCloseButton: config?.style?.showCloseButton ?? this.globalSettings.showCloseButton(),
+            contentWrapper: config?.style?.contentWrapper ?? this.globalSettings.contentWrapper(),
+            overrideFullHeight: config?.style?.overrideFullHeight ?? this.globalSettings.overrideFullHeight(),
+            breakpoints: config?.style?.breakpoints,
+            mobileConfig: config?.style?.mobileConfig,
+            wrapperClasses: config?.style?.wrapperClasses,
+            wrapperStyles: config?.style?.wrapperStyles,
+            closeDelay: config?.style?.closeDelay
+        };
+        return {
+            ...config,
+            disableClose: config?.disableClose ?? this.globalSettings.disableClose(),
+            disableCloseOnBackdropClick: config?.disableCloseOnBackdropClick ?? this.globalSettings.disableCloseOnBackdropClick(),
+            disableCloseOnNavigation: config?.disableCloseOnNavigation ?? this.globalSettings.disableCloseOnNavigation(),
+            closeGuardOnlyOnCancel: config?.closeGuardOnlyOnCancel ?? this.globalSettings.closeGuardOnlyOnCancel(),
+            disableConsoleWarnings: config?.disableConsoleWarnings ?? this.globalSettings.disableConsoleWarnings(),
+            disableConsoleInfo: config?.disableConsoleInfo ?? this.globalSettings.disableConsoleInfo(),
+            style: resolvedStyle
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class ModalBackdrop {
+    isAnimated = input(false, ...(ngDevMode ? [{ debugName: "isAnimated" }] : /* istanbul ignore next */ []));
+    isOpen = input(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    click = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: ModalBackdrop, isStandalone: true, selector: "bx-modal-backdrop", inputs: { isAnimated: { classPropertyName: "isAnimated", publicName: "isAnimated", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "<div class=\"modal-backdrop\" [class.backdrop-fade-in]=\"isAnimated() && isOpen()\"\n    [class.backdrop-fade-out]=\"isAnimated() && !isOpen()\" (click)=\"click.emit($event)\">\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)}: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}.modal-backdrop{position:fixed;inset:0;z-index:400;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#00000040;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:center}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBackdrop, decorators: [{
+            type: Component,
+            args: [{ selector: 'bx-modal-backdrop', imports: [], template: "<div class=\"modal-backdrop\" [class.backdrop-fade-in]=\"isAnimated() && isOpen()\"\n    [class.backdrop-fade-out]=\"isAnimated() && !isOpen()\" (click)=\"click.emit($event)\">\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)}: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}.modal-backdrop{position:fixed;inset:0;z-index:400;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#00000040;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:center}\n"] }]
+        }], propDecorators: { isAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAnimated", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], click: [{ type: i0.Output, args: ["click"] }] } });
+
+class ModalBanner {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    close = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBanner, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ModalBanner, isStandalone: true, selector: "bx-modal-banner", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"modal-top-banner-container\">\n    <div class=\"modal-top-banner-title-container\">\n        @if (config() && config()?.bannerText && (config() && config()!.bannerText.length > 0)) {\n        {{ config()?.bannerText }}\n        }\n    </div>\n\n    <bx-icon [name]=\"'x'\" (click)=\"close.emit('cancel')\" [ariaLabel]=\"'Close'\" [style.cursor]=\"'pointer'\" />\n</div>", styles: [".modal-top-banner-container{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;align-items:center;color:var(--bx-modal-text, var(--bx-text-primary));top:0;min-height:2rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.modal-top-banner-title-container{display:flex;flex-direction:row;justify-content:flex-start;gap:1.5rem;align-items:center;width:100%}@keyframes banner-display{0%{opacity:0;height:0}to{opacity:1;height:auto}}@-webkit-keyframes banner-display{0%{opacity:0;height:0}to{opacity:1;height:auto}}@-moz-keyframes banner-display{0%{opacity:0;height:0}to{opacity:1;height:auto}}\n"], dependencies: [{ kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBanner, decorators: [{
+            type: Component,
+            args: [{ selector: 'bx-modal-banner', imports: [Icon], template: "<div class=\"modal-top-banner-container\">\n    <div class=\"modal-top-banner-title-container\">\n        @if (config() && config()?.bannerText && (config() && config()!.bannerText.length > 0)) {\n        {{ config()?.bannerText }}\n        }\n    </div>\n\n    <bx-icon [name]=\"'x'\" (click)=\"close.emit('cancel')\" [ariaLabel]=\"'Close'\" [style.cursor]=\"'pointer'\" />\n</div>", styles: [".modal-top-banner-container{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;align-items:center;color:var(--bx-modal-text, var(--bx-text-primary));top:0;min-height:2rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.modal-top-banner-title-container{display:flex;flex-direction:row;justify-content:flex-start;gap:1.5rem;align-items:center;width:100%}@keyframes banner-display{0%{opacity:0;height:0}to{opacity:1;height:auto}}@-webkit-keyframes banner-display{0%{opacity:0;height:0}to{opacity:1;height:auto}}@-moz-keyframes banner-display{0%{opacity:0;height:0}to{opacity:1;height:auto}}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+const MODAL_DOWN_SWIPE_LIMIT = 3;
+const MODAL_SWIPE_VELOCITY_THRESHOLD = 80;
+
+class ModalBottomSheet {
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    headerTemplate = input.required(...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
+    footerTemplate = input.required(...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    isOpen = input.required(...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    isAnimated = input.required(...(ngDevMode ? [{ debugName: "isAnimated" }] : /* istanbul ignore next */ []));
+    animationDuration = input.required(...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+    close = output();
+    currentTranslateY = signal(0, ...(ngDevMode ? [{ debugName: "currentTranslateY" }] : /* istanbul ignore next */ []));
+    isSwipingVerticallyFinished = signal(false, ...(ngDevMode ? [{ debugName: "isSwipingVerticallyFinished" }] : /* istanbul ignore next */ []));
+    isSwipingVertically = signal(false, ...(ngDevMode ? [{ debugName: "isSwipingVertically" }] : /* istanbul ignore next */ []));
+    verticalSwipeTarget;
+    elementRef;
+    modalTransform = computed(() => {
+        if (this.isSwipingVerticallyFinished()) {
+            return 'translateY(100%)';
+        }
+        const calculatedY = Math.max(0, this.currentTranslateY());
+        return `translateY(${calculatedY}px)`;
+    }, ...(ngDevMode ? [{ debugName: "modalTransform" }] : /* istanbul ignore next */ []));
+    downSwipeLimit = 0;
+    isTrackingSwipe = false;
+    isTouchActive = false;
+    bottomSheetInitiated = false;
+    cleanupListeners = null;
+    globalResizeCleanup = null;
+    ngOnInit() {
+        this.startVerticalSwipeDetection();
+        this.monitorInputType();
+    }
+    ngOnDestroy() {
+        this.stopVerticalSwipeDetection();
+        this.globalResizeCleanup?.();
+    }
+    //#region Swipe Methods
+    startVerticalSwipeDetection() {
+        if (this.isTrackingSwipe)
+            return;
+        const hasTouch = typeof window !== 'undefined' && (window.matchMedia('(pointer: coarse)').matches || navigator.maxTouchPoints > 0);
+        if (!hasTouch)
+            return;
+        this.initBottomSheetModalParams();
+        this.isTrackingSwipe = true;
+        const target = this.verticalSwipeTarget?.nativeElement;
+        if (!target)
+            return;
+        let limit = 0;
+        let startY = 0;
+        let startTime = 0;
+        let isPointerDown = false;
+        const pointerDown = (event) => {
+            if (event.button !== 0 && event.pointerType === 'mouse')
+                return;
+            const modalHeight = this.elementRef?.nativeElement.offsetHeight || 0;
+            limit = modalHeight / this.downSwipeLimit;
+            isPointerDown = true;
+            startY = event.clientY;
+            startTime = event.timeStamp;
+            this.isSwipingVertically.set(true);
+            target.setPointerCapture(event.pointerId);
+        };
+        const pointerMove = (event) => {
+            if (!isPointerDown)
+                return;
+            const currentY = event.clientY - startY;
+            if (event.cancelable)
+                event.preventDefault();
+            this.currentTranslateY.set(currentY);
+        };
+        const pointerUp = (event) => {
+            if (!isPointerDown)
+                return;
+            isPointerDown = false;
+            this.isSwipingVertically.set(false);
+            target.releasePointerCapture(event.pointerId);
+            const deltaY = event.clientY - startY;
+            const duration = event.timeStamp - startTime || 1;
+            const velocityY = deltaY / duration;
+            if (deltaY > limit || (velocityY > MODAL_SWIPE_VELOCITY_THRESHOLD && deltaY > 0)) {
+                this.close.emit('cancel');
+            }
+            else {
+                this.currentTranslateY.set(0);
+            }
+        };
+        target.addEventListener('pointerdown', pointerDown, { passive: false });
+        target.addEventListener('pointermove', pointerMove, { passive: false });
+        target.addEventListener('pointerup', pointerUp);
+        target.addEventListener('pointercancel', pointerUp);
+        this.cleanupListeners = () => {
+            target.removeEventListener('pointerdown', pointerDown);
+            target.removeEventListener('pointermove', pointerMove);
+            target.removeEventListener('pointerup', pointerUp);
+            target.removeEventListener('pointercancel', pointerUp);
+        };
+    }
+    stopVerticalSwipeDetection() {
+        if (!this.isTrackingSwipe)
+            return;
+        this.isTrackingSwipe = false;
+        if (this.cleanupListeners) {
+            this.cleanupListeners();
+            this.cleanupListeners = null;
+        }
+    }
+    initBottomSheetModalParams() {
+        if (this.bottomSheetInitiated)
+            return;
+        this.bottomSheetInitiated = true;
+        const config = this.config();
+        const style = config?.style?.mobileConfig;
+        this.downSwipeLimit = style?.downSwipeLimit && style.downSwipeLimit > 0 ? style.downSwipeLimit : MODAL_DOWN_SWIPE_LIMIT;
+    }
+    monitorInputType() {
+        if (this.globalResizeCleanup)
+            return;
+        const handler = (event) => {
+            const isTouch = event.pointerType === 'touch';
+            if (isTouch && !this.isTouchActive) {
+                this.isTouchActive = true;
+                this.startVerticalSwipeDetection();
+            }
+            else if (!isTouch && this.isTouchActive) {
+                this.isTouchActive = false;
+                this.stopVerticalSwipeDetection();
+            }
+        };
+        window.addEventListener('pointerdown', handler);
+        this.globalResizeCleanup = () => window.removeEventListener('pointerdown', handler);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ModalBottomSheet, isStandalone: true, selector: "bx-modal-bottom-sheet", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: true, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, isAnimated: { classPropertyName: "isAnimated", publicName: "isAnimated", isSignal: true, isRequired: true, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close" }, viewQueries: [{ propertyName: "verticalSwipeTarget", first: true, predicate: ["verticalSwipeTarget"], descendants: true, static: true }, { propertyName: "elementRef", first: true, predicate: ["elementRef"], descendants: true, static: true }], ngImport: i0, template: "<div (click)=\"$event.stopPropagation()\" \n    [id]=\"id() ?? ''\"\n    [class]=\"config()?.style?.wrapperClasses ?? ''\"\n    [style]=\"config()?.style?.wrapperStyles ?? ''\"\n    [style.max-height]=\"config()?.style?.mobileConfig?.customHeight ?? ''\"\n    [style.transform]=\"modalTransform()\"\n    [style.transition]=\"isAnimated() && !isSwipingVertically() ? 'transform 300ms ease-in-out' : ''\" \n    [ngClass]=\"{\n        'opened-bottom-sheet-modal': isAnimated()\n    }\" \n    #elementRef\n    class=\"bottom-sheet-modal-style\">\n    \n    <div #verticalSwipeTarget \n         class=\"touch-hitbox bottom-sheet-modal-top-bar\"\n         (click)=\"isTrackingSwipe ? null : close.emit('cancel')\">\n        <div class=\"swipe-line\"></div>\n    </div>\n\n    <div class=\"bottom-sheet-modal-inner-content-container\">\n        <div class=\"bottom-sheet-modal-top-group\">\n            @if (headerTemplate()) {\n                <div class=\"bottom-sheet-modal-header\">\n                    <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n                </div>\n            }\n\n            <div class=\"bottom-sheet-modal-main-content-container\"\n                [style.animationDuration]=\"isAnimated() ? animationDuration() + 'ms' : '0ms'\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n\n        @if (footerTemplate()) {\n            <div class=\"bottom-sheet-modal-footer\">\n                <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n            </div>\n        }\n    </div>\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)}: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}.bottom-sheet-modal-style{position:fixed;z-index:400;min-height:60vh;min-height:60dvh;max-height:98vh;max-height:98dvh;width:100vw;width:100dvw;min-width:100vw;max-width:100dvw;bottom:0;left:0;margin:0 auto;border-radius:1.875rem 1.875rem 0 0;background-color:var(--bx-modal-bg, var(--bx-bg-surface));color:var(--bx-modal-text, var(--bx-text-primary));display:flex;flex-direction:column}.touch-hitbox{display:flex;flex-direction:row;width:100%;height:3.5rem;justify-content:center;align-items:center;padding-bottom:.5rem;margin-top:-1.5rem;flex-shrink:0}.swipe-line{width:7rem;height:.33rem;background-color:var(--bx-modal-mobile-swipe-line-color, var(--bx-border-default));border-radius:9999px;margin-top:1.5rem;opacity:.215;cursor:pointer}.bottom-sheet-modal-inner-content-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 1.25rem 1.5rem;gap:1.5rem;box-sizing:border-box;overflow:hidden}.bottom-sheet-modal-top-group{display:flex;flex-direction:column;gap:1rem;flex-grow:1;min-height:0}.bottom-sheet-modal-main-content-container{flex-grow:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;padding:0}.opened-bottom-sheet-modal{animation:opened-bottom-sheet-modal-anim .35s}.bottom-sheet-modal-top-bar{display:flex;justify-content:center}.bottom-sheet-modal-header{flex-shrink:0;width:100%;display:flex;justify-content:flex-start;padding-top:.5rem;gap:.5rem}.bottom-sheet-modal-footer{flex-shrink:0;width:100%;display:flex;justify-content:center;gap:.5rem}@-moz-keyframes opened-bottom-sheet-modal-anim{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes opened-bottom-sheet-modal-anim{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes opened-bottom-sheet-modal-anim{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBottomSheet, decorators: [{
+            type: Component,
+            args: [{ selector: 'bx-modal-bottom-sheet', imports: [NgClass, NgTemplateOutlet], template: "<div (click)=\"$event.stopPropagation()\" \n    [id]=\"id() ?? ''\"\n    [class]=\"config()?.style?.wrapperClasses ?? ''\"\n    [style]=\"config()?.style?.wrapperStyles ?? ''\"\n    [style.max-height]=\"config()?.style?.mobileConfig?.customHeight ?? ''\"\n    [style.transform]=\"modalTransform()\"\n    [style.transition]=\"isAnimated() && !isSwipingVertically() ? 'transform 300ms ease-in-out' : ''\" \n    [ngClass]=\"{\n        'opened-bottom-sheet-modal': isAnimated()\n    }\" \n    #elementRef\n    class=\"bottom-sheet-modal-style\">\n    \n    <div #verticalSwipeTarget \n         class=\"touch-hitbox bottom-sheet-modal-top-bar\"\n         (click)=\"isTrackingSwipe ? null : close.emit('cancel')\">\n        <div class=\"swipe-line\"></div>\n    </div>\n\n    <div class=\"bottom-sheet-modal-inner-content-container\">\n        <div class=\"bottom-sheet-modal-top-group\">\n            @if (headerTemplate()) {\n                <div class=\"bottom-sheet-modal-header\">\n                    <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n                </div>\n            }\n\n            <div class=\"bottom-sheet-modal-main-content-container\"\n                [style.animationDuration]=\"isAnimated() ? animationDuration() + 'ms' : '0ms'\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n\n        @if (footerTemplate()) {\n            <div class=\"bottom-sheet-modal-footer\">\n                <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n            </div>\n        }\n    </div>\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)}: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}.bottom-sheet-modal-style{position:fixed;z-index:400;min-height:60vh;min-height:60dvh;max-height:98vh;max-height:98dvh;width:100vw;width:100dvw;min-width:100vw;max-width:100dvw;bottom:0;left:0;margin:0 auto;border-radius:1.875rem 1.875rem 0 0;background-color:var(--bx-modal-bg, var(--bx-bg-surface));color:var(--bx-modal-text, var(--bx-text-primary));display:flex;flex-direction:column}.touch-hitbox{display:flex;flex-direction:row;width:100%;height:3.5rem;justify-content:center;align-items:center;padding-bottom:.5rem;margin-top:-1.5rem;flex-shrink:0}.swipe-line{width:7rem;height:.33rem;background-color:var(--bx-modal-mobile-swipe-line-color, var(--bx-border-default));border-radius:9999px;margin-top:1.5rem;opacity:.215;cursor:pointer}.bottom-sheet-modal-inner-content-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 1.25rem 1.5rem;gap:1.5rem;box-sizing:border-box;overflow:hidden}.bottom-sheet-modal-top-group{display:flex;flex-direction:column;gap:1rem;flex-grow:1;min-height:0}.bottom-sheet-modal-main-content-container{flex-grow:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;padding:0}.opened-bottom-sheet-modal{animation:opened-bottom-sheet-modal-anim .35s}.bottom-sheet-modal-top-bar{display:flex;justify-content:center}.bottom-sheet-modal-header{flex-shrink:0;width:100%;display:flex;justify-content:flex-start;padding-top:.5rem;gap:.5rem}.bottom-sheet-modal-footer{flex-shrink:0;width:100%;display:flex;justify-content:center;gap:.5rem}@-moz-keyframes opened-bottom-sheet-modal-anim{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes opened-bottom-sheet-modal-anim{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes opened-bottom-sheet-modal-anim{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: true }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: true }] }], isAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAnimated", required: true }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: true }] }], close: [{ type: i0.Output, args: ["close"] }], verticalSwipeTarget: [{
+                type: ViewChild,
+                args: ['verticalSwipeTarget', { static: true }]
+            }], elementRef: [{
+                type: ViewChild,
+                args: ['elementRef', { static: true }]
+            }] } });
+
+class ModalCentered {
+    headerTemplate = input.required(...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
+    footerTemplate = input.required(...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    isOpen = input.required(...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    isAnimated = input.required(...(ngDevMode ? [{ debugName: "isAnimated" }] : /* istanbul ignore next */ []));
+    isBottomSheetModalActive = input.required(...(ngDevMode ? [{ debugName: "isBottomSheetModalActive" }] : /* istanbul ignore next */ []));
+    animationDuration = input.required(...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+    hasDefaultContentWrapperClass = input.required(...(ngDevMode ? [{ debugName: "hasDefaultContentWrapperClass" }] : /* istanbul ignore next */ []));
+    hasBanner = input.required(...(ngDevMode ? [{ debugName: "hasBanner" }] : /* istanbul ignore next */ []));
+    close = output();
+    onBackdropClick = output();
+    bottomSheet;
+    modalClasses = computed(() => {
+        return {
+            'centered-modal-content-wrapper': true,
+            'centered-modal-default-style': this.hasDefaultContentWrapperClass() || this.hasBanner(),
+            'centered-modal-animate-in': this.isAnimated() && this.isOpen(),
+            'centered-modal-animate-out': this.isAnimated() && !this.isOpen()
+        };
+    }, ...(ngDevMode ? [{ debugName: "modalClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalCentered, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ModalCentered, isStandalone: true, selector: "bx-modal-centered", inputs: { headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: true, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, isAnimated: { classPropertyName: "isAnimated", publicName: "isAnimated", isSignal: true, isRequired: true, transformFunction: null }, isBottomSheetModalActive: { classPropertyName: "isBottomSheetModalActive", publicName: "isBottomSheetModalActive", isSignal: true, isRequired: true, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: true, transformFunction: null }, hasDefaultContentWrapperClass: { classPropertyName: "hasDefaultContentWrapperClass", publicName: "hasDefaultContentWrapperClass", isSignal: true, isRequired: true, transformFunction: null }, hasBanner: { classPropertyName: "hasBanner", publicName: "hasBanner", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close", onBackdropClick: "onBackdropClick" }, viewQueries: [{ propertyName: "bottomSheet", predicate: ModalBottomSheet, descendants: true }], ngImport: i0, template: "@if(!isBottomSheetModalActive()) {\n<div class=\"modal-overlay\" [ngClass]=\"{'modal-backdrop': config()?.style?.hasBackdrop}\" [id]=\"id() ?? ''\"\n    (click)=\"config()?.style?.hasBackdrop ? onBackdropClick.emit($event) : null\">\n    <div class=\"modal-overlay-wrapper\">\n        <div [ngClass]=\"modalClasses()\" (click)=\"$event.stopPropagation()\">\n            <div class=\"centered-modal-inner-content-container\" [class]=\"config()?.style?.wrapperClasses ?? ''\"\n                [style]=\"config()?.style?.wrapperStyles ?? ''\">\n\n                <div class=\"centered-modal-top-group\">\n                    @if (hasBanner()) {\n                    <bx-modal-banner [config]=\"config()\" (close)=\"close.emit('cancel')\"></bx-modal-banner>\n                    }\n                    @if (headerTemplate()) {\n                    <div class=\"centered-modal-header\">\n                        <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n                        @if(!hasBanner()) {\n                        <bx-icon [name]=\"'x'\" (click)=\"close.emit('cancel')\" [ariaLabel]=\"'Close'\" [style.cursor]=\"'pointer'\" />\n                        }\n                    </div>\n                    }\n                    <div class=\"centered-modal-main-content-container\">\n                        <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n                    </div>\n                </div>\n\n                @if (footerTemplate()) {\n                <div class=\"centered-modal-footer\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n                </div>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n} @else {\n<bx-modal-bottom-sheet [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [config]=\"config()\"\n    [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\" [animationDuration]=\"animationDuration()\"\n    (close)=\"close.emit('cancel')\">\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n</bx-modal-bottom-sheet>\n}\n\n<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>", 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}.modal-overlay-wrapper{display:flex;position:absolute;z-index:400;justify-content:center;align-items:center;width:100%;height:100%}.modal-overlay{position:absolute;inset:0;z-index:0}.modal-backdrop{position:fixed;inset:0;z-index:400;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#00000040;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:center}.centered-modal-content-wrapper{display:flex;flex-direction:column;max-width:90vw;max-width:90dvw;max-height:95vh;max-height:95dvh;overflow:hidden}.centered-modal-default-style{border-radius:.75rem;box-shadow:0 8px 20px #0000001f;color:var(--bx-modal-text, var(--bx-text-primary));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;background-color:var(--bx-modal-bg, var(--bx-bg-surface))}.centered-modal-default-content-container{padding:1rem 1.5rem;max-height:85vh;max-height:85dvh;overflow-y:auto}.centered-modal-inner-content-container{display:flex;flex-direction:column;height:100%;padding:1rem 1.5rem;gap:1.5rem;box-sizing:border-box}.centered-modal-top-group{display:flex;flex-direction:column;gap:1rem;flex-grow:1;min-height:0}.centered-modal-main-content-container{flex-grow:1;overflow-y:auto;min-height:0}.centered-modal-header{flex-shrink:0;width:100%;display:flex;justify-content:space-between;gap:.5rem}.centered-modal-footer{flex-shrink:0;width:100%;display:flex;justify-content:center;gap:.5rem}.centered-modal-animate-in{scale:0;animation:centered-modal-animate-in .15s ease-in-out forwards}.centered-modal-animate-out{animation:centered-modal-animate-out .15s ease-in-out forwards}@keyframes centered-modal-animate-in{0%{scale:0}to{scale:1}}@-webkit-keyframes centered-modal-animate-in{0%{scale:0}to{scale:1}}@-moz-keyframes centered-modal-animate-in{0%{scale:0}to{scale:1}}@keyframes centered-modal-animate-out{0%{scale:1}to{scale:0}}@-webkit-keyframes centered-modal-animate-out{0%{scale:1}to{scale:0}}@-moz-keyframes centered-modal-animate-out{0%{scale:1}to{scale:0}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ModalBottomSheet, selector: "bx-modal-bottom-sheet", inputs: ["id", "headerTemplate", "footerTemplate", "config", "isOpen", "isAnimated", "animationDuration"], outputs: ["close"] }, { kind: "component", type: ModalBanner, selector: "bx-modal-banner", inputs: ["config"], outputs: ["close"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalCentered, decorators: [{
+            type: Component,
+            args: [{ selector: 'bx-modal-centered', imports: [NgTemplateOutlet, NgClass, ModalBottomSheet, ModalBanner, Icon], template: "@if(!isBottomSheetModalActive()) {\n<div class=\"modal-overlay\" [ngClass]=\"{'modal-backdrop': config()?.style?.hasBackdrop}\" [id]=\"id() ?? ''\"\n    (click)=\"config()?.style?.hasBackdrop ? onBackdropClick.emit($event) : null\">\n    <div class=\"modal-overlay-wrapper\">\n        <div [ngClass]=\"modalClasses()\" (click)=\"$event.stopPropagation()\">\n            <div class=\"centered-modal-inner-content-container\" [class]=\"config()?.style?.wrapperClasses ?? ''\"\n                [style]=\"config()?.style?.wrapperStyles ?? ''\">\n\n                <div class=\"centered-modal-top-group\">\n                    @if (hasBanner()) {\n                    <bx-modal-banner [config]=\"config()\" (close)=\"close.emit('cancel')\"></bx-modal-banner>\n                    }\n                    @if (headerTemplate()) {\n                    <div class=\"centered-modal-header\">\n                        <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n                        @if(!hasBanner()) {\n                        <bx-icon [name]=\"'x'\" (click)=\"close.emit('cancel')\" [ariaLabel]=\"'Close'\" [style.cursor]=\"'pointer'\" />\n                        }\n                    </div>\n                    }\n                    <div class=\"centered-modal-main-content-container\">\n                        <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n                    </div>\n                </div>\n\n                @if (footerTemplate()) {\n                <div class=\"centered-modal-footer\">\n                    <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n                </div>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n} @else {\n<bx-modal-bottom-sheet [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [config]=\"config()\"\n    [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\" [animationDuration]=\"animationDuration()\"\n    (close)=\"close.emit('cancel')\">\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n</bx-modal-bottom-sheet>\n}\n\n<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>", 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}.modal-overlay-wrapper{display:flex;position:absolute;z-index:400;justify-content:center;align-items:center;width:100%;height:100%}.modal-overlay{position:absolute;inset:0;z-index:0}.modal-backdrop{position:fixed;inset:0;z-index:400;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#00000040;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:center}.centered-modal-content-wrapper{display:flex;flex-direction:column;max-width:90vw;max-width:90dvw;max-height:95vh;max-height:95dvh;overflow:hidden}.centered-modal-default-style{border-radius:.75rem;box-shadow:0 8px 20px #0000001f;color:var(--bx-modal-text, var(--bx-text-primary));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;background-color:var(--bx-modal-bg, var(--bx-bg-surface))}.centered-modal-default-content-container{padding:1rem 1.5rem;max-height:85vh;max-height:85dvh;overflow-y:auto}.centered-modal-inner-content-container{display:flex;flex-direction:column;height:100%;padding:1rem 1.5rem;gap:1.5rem;box-sizing:border-box}.centered-modal-top-group{display:flex;flex-direction:column;gap:1rem;flex-grow:1;min-height:0}.centered-modal-main-content-container{flex-grow:1;overflow-y:auto;min-height:0}.centered-modal-header{flex-shrink:0;width:100%;display:flex;justify-content:space-between;gap:.5rem}.centered-modal-footer{flex-shrink:0;width:100%;display:flex;justify-content:center;gap:.5rem}.centered-modal-animate-in{scale:0;animation:centered-modal-animate-in .15s ease-in-out forwards}.centered-modal-animate-out{animation:centered-modal-animate-out .15s ease-in-out forwards}@keyframes centered-modal-animate-in{0%{scale:0}to{scale:1}}@-webkit-keyframes centered-modal-animate-in{0%{scale:0}to{scale:1}}@-moz-keyframes centered-modal-animate-in{0%{scale:0}to{scale:1}}@keyframes centered-modal-animate-out{0%{scale:1}to{scale:0}}@-webkit-keyframes centered-modal-animate-out{0%{scale:1}to{scale:0}}@-moz-keyframes centered-modal-animate-out{0%{scale:1}to{scale:0}}\n"] }]
+        }], propDecorators: { headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: true }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: true }] }], isAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAnimated", required: true }] }], isBottomSheetModalActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBottomSheetModalActive", required: true }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: true }] }], hasDefaultContentWrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultContentWrapperClass", required: true }] }], hasBanner: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBanner", required: true }] }], close: [{ type: i0.Output, args: ["close"] }], onBackdropClick: [{ type: i0.Output, args: ["onBackdropClick"] }], bottomSheet: [{
+                type: ViewChildren,
+                args: [ModalBottomSheet]
+            }] } });
+
+class ModalSide {
+    layout = input.required(...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    headerTemplate = input.required(...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
+    footerTemplate = input.required(...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    isOpen = input.required(...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    isAnimated = input.required(...(ngDevMode ? [{ debugName: "isAnimated" }] : /* istanbul ignore next */ []));
+    isBottomSheetModalActive = input.required(...(ngDevMode ? [{ debugName: "isBottomSheetModalActive" }] : /* istanbul ignore next */ []));
+    animationDuration = input.required(...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+    hasDefaultContentWrapperClass = input.required(...(ngDevMode ? [{ debugName: "hasDefaultContentWrapperClass" }] : /* istanbul ignore next */ []));
+    hasBanner = input.required(...(ngDevMode ? [{ debugName: "hasBanner" }] : /* istanbul ignore next */ []));
+    close = output();
+    bottomSheet;
+    modalClasses = computed(() => {
+        const positionLeft = this.layout() === 'left';
+        const positionRight = this.layout() === 'right';
+        const shouldAnimate = this.isAnimated();
+        const isRenderedOpen = this.renderOpenClass();
+        return {
+            'side-modal-content-wrapper': true,
+            'side-modal-default-style': this.hasDefaultContentWrapperClass() || this.hasBanner(),
+            'with-footer': this.footerTemplate() !== null,
+            left: positionLeft,
+            right: positionRight,
+            'side-modal-animate-in': shouldAnimate ? isRenderedOpen : true,
+            'side-modal-animate-out': shouldAnimate ? !isRenderedOpen : false
+        };
+    }, ...(ngDevMode ? [{ debugName: "modalClasses" }] : /* istanbul ignore next */ []));
+    renderOpenClass = signal(false, ...(ngDevMode ? [{ debugName: "renderOpenClass" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const isOpen = this.isOpen();
+            if (isOpen) {
+                this.renderOpenClass.set(false);
+                setTimeout(() => {
+                    this.renderOpenClass.set(true);
+                }, 50);
+            }
+            else {
+                this.renderOpenClass.set(false);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalSide, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ModalSide, isStandalone: true, selector: "bx-modal-side", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: true, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, isAnimated: { classPropertyName: "isAnimated", publicName: "isAnimated", isSignal: true, isRequired: true, transformFunction: null }, isBottomSheetModalActive: { classPropertyName: "isBottomSheetModalActive", publicName: "isBottomSheetModalActive", isSignal: true, isRequired: true, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: true, transformFunction: null }, hasDefaultContentWrapperClass: { classPropertyName: "hasDefaultContentWrapperClass", publicName: "hasDefaultContentWrapperClass", isSignal: true, isRequired: true, transformFunction: null }, hasBanner: { classPropertyName: "hasBanner", publicName: "hasBanner", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { close: "close" }, viewQueries: [{ propertyName: "bottomSheet", predicate: ModalBottomSheet, descendants: true }], ngImport: i0, template: "@if(!isBottomSheetModalActive()) {\n<div [ngClass]=\"modalClasses()\" (click)=\"$event.stopPropagation()\" [id]=\"id() ?? ''\"\n    [style.--anim-duration.ms]=\"animationDuration()\">\n    <div class=\"side-modal-inner-content-container\"\n        [class]=\"config() && config()?.style?.wrapperClasses ? config()?.style?.wrapperClasses : ''\"\n        [style]=\"config() && config()?.style?.wrapperStyles ? config()?.style?.wrapperStyles : ''\">\n        @if (hasBanner()) {\n        <bx-modal-banner [config]=\"config()\" (close)=\"close.emit('cancel')\"></bx-modal-banner>\n        }\n        @if (headerTemplate()) {\n        <div class=\"side-modal-header\">\n            <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n            @if(!hasBanner()) {\n            <bx-icon [name]=\"'x'\" (click)=\"close.emit('cancel')\" [ariaLabel]=\"'Close'\" [style.cursor]=\"'pointer'\" />\n            }\n        </div>\n        }\n        <div class=\"side-modal-main-content-container\">\n            <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n        </div>\n    </div>\n\n    @if (footerTemplate()) {\n    <div class=\"side-modal-footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n    </div>\n    }\n</div>\n} @else {\n<bx-modal-bottom-sheet [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [config]=\"config()\"\n    [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\" [animationDuration]=\"animationDuration()\"\n    (close)=\"close.emit('cancel')\">\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n</bx-modal-bottom-sheet>\n}\n\n<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>", 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}.side-modal-content-wrapper{position:fixed;top:0;height:100vh;height:100dvh;z-index:400;display:flex;flex-direction:column;padding:1rem;gap:1rem;box-sizing:border-box;overflow:hidden;transition:transform var(--anim-duration, 175ms) ease-in-out}.side-modal-content-wrapper.left{left:0}.side-modal-content-wrapper.right{right:0}.side-modal-content-wrapper.side-modal-animate-in{transform:translate(0)!important}.side-modal-content-wrapper.side-modal-animate-out.left{transform:translate(-100%)}.side-modal-content-wrapper.side-modal-animate-out.right{transform:translate(100%)}.side-modal-content-wrapper.with-footer{justify-content:space-between}.side-modal-content-wrapper .side-modal-inner-content-container{flex-grow:1;display:flex;flex-direction:column;gap:1rem;min-height:0}@media(max-width:768px){.side-modal-content-wrapper{max-width:90vw;max-width:95dvw}}.side-modal-default-style{background:var(--bx-modal-bg, var(--bx-bg-surface));color:var(--bx-modal-text, var(--bx-text-primary));box-shadow:0 8px 20px #0000001f;max-width:85vw;max-width:85dvw}.side-modal-main-content-container{flex-grow:1;overflow-y:auto;min-height:0;max-height:none}.side-modal-header{flex-shrink:0;width:100%;display:flex;justify-content:space-between;gap:.5rem;padding-top:.75rem}.side-modal-footer{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;gap:.5rem;padding-bottom:.75rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ModalBottomSheet, selector: "bx-modal-bottom-sheet", inputs: ["id", "headerTemplate", "footerTemplate", "config", "isOpen", "isAnimated", "animationDuration"], outputs: ["close"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ModalBanner, selector: "bx-modal-banner", inputs: ["config"], outputs: ["close"] }, { kind: "component", type: Icon, selector: "bx-icon", inputs: ["name", "size", "color", "bgColor", "strokeWidth", "decorative", "ariaLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalSide, decorators: [{
+            type: Component,
+            args: [{ selector: 'bx-modal-side', imports: [NgTemplateOutlet, ModalBottomSheet, NgClass, ModalBanner, Icon], template: "@if(!isBottomSheetModalActive()) {\n<div [ngClass]=\"modalClasses()\" (click)=\"$event.stopPropagation()\" [id]=\"id() ?? ''\"\n    [style.--anim-duration.ms]=\"animationDuration()\">\n    <div class=\"side-modal-inner-content-container\"\n        [class]=\"config() && config()?.style?.wrapperClasses ? config()?.style?.wrapperClasses : ''\"\n        [style]=\"config() && config()?.style?.wrapperStyles ? config()?.style?.wrapperStyles : ''\">\n        @if (hasBanner()) {\n        <bx-modal-banner [config]=\"config()\" (close)=\"close.emit('cancel')\"></bx-modal-banner>\n        }\n        @if (headerTemplate()) {\n        <div class=\"side-modal-header\">\n            <ng-container *ngTemplateOutlet=\"headerTemplate()\"></ng-container>\n            @if(!hasBanner()) {\n            <bx-icon [name]=\"'x'\" (click)=\"close.emit('cancel')\" [ariaLabel]=\"'Close'\" [style.cursor]=\"'pointer'\" />\n            }\n        </div>\n        }\n        <div class=\"side-modal-main-content-container\">\n            <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n        </div>\n    </div>\n\n    @if (footerTemplate()) {\n    <div class=\"side-modal-footer\">\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\"></ng-container>\n    </div>\n    }\n</div>\n} @else {\n<bx-modal-bottom-sheet [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [config]=\"config()\"\n    [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\" [animationDuration]=\"animationDuration()\"\n    (close)=\"close.emit('cancel')\">\n    <ng-container [ngTemplateOutlet]=\"contentTemplate\"> </ng-container>\n</bx-modal-bottom-sheet>\n}\n\n<ng-template #contentTemplate>\n    <ng-content></ng-content>\n</ng-template>", 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}.side-modal-content-wrapper{position:fixed;top:0;height:100vh;height:100dvh;z-index:400;display:flex;flex-direction:column;padding:1rem;gap:1rem;box-sizing:border-box;overflow:hidden;transition:transform var(--anim-duration, 175ms) ease-in-out}.side-modal-content-wrapper.left{left:0}.side-modal-content-wrapper.right{right:0}.side-modal-content-wrapper.side-modal-animate-in{transform:translate(0)!important}.side-modal-content-wrapper.side-modal-animate-out.left{transform:translate(-100%)}.side-modal-content-wrapper.side-modal-animate-out.right{transform:translate(100%)}.side-modal-content-wrapper.with-footer{justify-content:space-between}.side-modal-content-wrapper .side-modal-inner-content-container{flex-grow:1;display:flex;flex-direction:column;gap:1rem;min-height:0}@media(max-width:768px){.side-modal-content-wrapper{max-width:90vw;max-width:95dvw}}.side-modal-default-style{background:var(--bx-modal-bg, var(--bx-bg-surface));color:var(--bx-modal-text, var(--bx-text-primary));box-shadow:0 8px 20px #0000001f;max-width:85vw;max-width:85dvw}.side-modal-main-content-container{flex-grow:1;overflow-y:auto;min-height:0;max-height:none}.side-modal-header{flex-shrink:0;width:100%;display:flex;justify-content:space-between;gap:.5rem;padding-top:.75rem}.side-modal-footer{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;gap:.5rem;padding-bottom:.75rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: true }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: true }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: true }] }], isAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAnimated", required: true }] }], isBottomSheetModalActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBottomSheetModalActive", required: true }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: true }] }], hasDefaultContentWrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasDefaultContentWrapperClass", required: true }] }], hasBanner: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBanner", required: true }] }], close: [{ type: i0.Output, args: ["close"] }], bottomSheet: [{
+                type: ViewChildren,
+                args: [ModalBottomSheet]
+            }] } });
+
+const MODAL_DEFAULT_ANIM_DURATION = 175;
+const MODAL_DEFAULT_INTERNAL_ANIM_DURATION = 350;
+const MODAL_DEFAULT_ANIM_DURATION_MULTIPLIER_SMALL = 0.65;
+const MODAL_DEFAULT_ANIM_DURATION_MULTIPLIER_LARGE = 0.85;
+
+class ModalCore {
+    modalService = inject(ModalService);
+    globalSettings = inject(ModalGlobalSettingsService);
+    scrollLockService = inject(ScrollLockService);
+    windowDimensionsService = inject(WindowDimensionsService);
+    animationDuration = MODAL_DEFAULT_ANIM_DURATION;
+    componentRef = {};
+    config;
+    closeFunction;
+    backdropClickSubject = new Subject();
+    backdropClick = this.backdropClickSubject.asObservable();
+    isOpen = signal(true, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    effectiveLayout = signal('center', ...(ngDevMode ? [{ debugName: "effectiveLayout" }] : /* istanbul ignore next */ []));
+    isCentered = signal(false, ...(ngDevMode ? [{ debugName: "isCentered" }] : /* istanbul ignore next */ []));
+    isSide = signal(false, ...(ngDevMode ? [{ debugName: "isSide" }] : /* istanbul ignore next */ []));
+    isAnimated = computed(() => this.config?.style.animate ?? this.globalSettings.animate(), ...(ngDevMode ? [{ debugName: "isAnimated" }] : /* istanbul ignore next */ []));
+    headerTemplate = signal(null, ...(ngDevMode ? [{ debugName: "headerTemplate" }] : /* istanbul ignore next */ []));
+    footerTemplate = signal(null, ...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+    id = signal(null, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    isBottomSheetModalActive = signal(false, ...(ngDevMode ? [{ debugName: "isBottomSheetModalActive" }] : /* istanbul ignore next */ []));
+    hasBanner = false;
+    hasDefaultContentWrapperClass = false;
+    windowDimensions = this.windowDimensionsService.dimensions;
+    modalContainer;
+    contentTemplate;
+    sideModalComponents;
+    centeredModalComponents;
+    isConfirmCloseModalOpen = false;
+    scrollLockId = uuidv4();
+    _sortedBreakpoints = [];
+    _currentVcr = null;
+    constructor() {
+        this.initKeyboardSubscription();
+        effect(() => {
+            const width = this.windowDimensions().width;
+            this.handleLayout(width);
+        });
+    }
+    ngOnInit() {
+        this.initParamsFromConfig();
+        this.initBreakpointCache();
+        this.scrollLockService.disableScroll(this.scrollLockId, {
+            animationDuration: this.animationDuration,
+            handleTouchInput: true,
+            mobileOnlyTouchPrevention: true
+        });
+    }
+    ngAfterViewInit() {
+        if (!this.componentRef)
+            return;
+        this.dynamicContainer?.insert(this.componentRef.hostView);
+        const width = this.windowDimensionsService.dimensions().width;
+        this.handleLayout(width);
+    }
+    ngOnDestroy() {
+        this.componentRef?.destroy();
+        this.dynamicContainer?.clear();
+        this.scrollLockService.enableScroll(this.scrollLockId);
+    }
+    //#region Public Template Methods
+    setHeaderTemplate(template) {
+        this.headerTemplate.set(template);
+    }
+    //#endregion
+    setFooterTemplate(template) {
+        this.footerTemplate.set(template);
+    }
+    //#region Closing Methods
+    close(state = 'cancel', result = undefined, fromInsideInteraction = false, forceClose = false) {
+        if (forceClose) {
+            this.handleClose(state, result);
+            return;
+        }
+        if (this.config?.disableClose === true && fromInsideInteraction) {
+            return;
+        }
+        const shouldCheckCloseGuard = this.config?.closeGuardOnlyOnCancel !== true || state !== 'confirm';
+        if (shouldCheckCloseGuard && this.config?.closeGuard) {
+            const guardResult = this.config.closeGuard.canClose(this.modalService);
+            const canClose$ = guardResult instanceof Observable ? guardResult : guardResult instanceof Promise ? from(guardResult) : of(guardResult);
+            if (this.isBottomSheetModalActive()) {
+                this.resetBottomSheetModalLayout();
+            }
+            canClose$.pipe(take(1)).subscribe((canClose) => {
+                if (canClose) {
+                    this.handleClose(state, result);
+                }
+            });
+            return;
+        }
+        this.handleClose(state, result);
+    }
+    //#endregion
+    onBackdropClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.isOpen()) {
+            return;
+        }
+        this.backdropClickSubject.next(event);
+        if (this.config?.style?.hasBackdrop && this.config?.disableCloseOnBackdropClick !== true) {
+            this.close('cancel', undefined, true);
+        }
+    }
+    set dynamicContainer(vcr) {
+        if (vcr && this.componentRef) {
+            this._currentVcr = vcr;
+            vcr.insert(this.componentRef.hostView);
+        }
+    }
+    //#region Subscription Methods
+    initKeyboardSubscription() {
+        fromEvent(document, 'keydown')
+            .pipe(filter((event) => event.key === 'Escape'), takeUntilDestroyed())
+            .subscribe(() => {
+            if (!this.isConfirmCloseModalOpen) {
+                this.close('cancel', undefined, true);
+            }
+        });
+    }
+    //#endregion
+    //#region Initialization Methods
+    initParamsFromConfig() {
+        this.id.set(this.config?.id ?? this.scrollLockId);
+        this.hasBanner =
+            this.config !== undefined &&
+                ((this.config.bannerText !== undefined && this.config.bannerText.length > 0) ||
+                    (this.config.disableClose !== true && this.config.style.showCloseButton !== false && this.headerTemplate() === null));
+        this.hasDefaultContentWrapperClass = this.config?.style.contentWrapper !== false;
+    }
+    initBreakpointCache() {
+        const definedBreakpoints = this.config?.style?.breakpoints;
+        if (definedBreakpoints && Object.keys(definedBreakpoints).length > 0) {
+            const serviceBreakpoints = this.windowDimensionsService.breakpoints;
+            this._sortedBreakpoints = Object.keys(definedBreakpoints)
+                .map((key) => ({
+                width: serviceBreakpoints[key],
+                layout: definedBreakpoints[key] ?? this.config?.style.layout ?? 'center'
+            }))
+                .sort((a, b) => a.width - b.width);
+        }
+    }
+    async handleClose(state, result) {
+        this.isOpen.set(false);
+        this.setBottomSheetModalFinishedState(true);
+        const returnResult = {
+            data: result,
+            state: state
+        };
+        if (this.closeFunction) {
+            this.closeFunction(returnResult);
+        }
+    }
+    //#endregion
+    //#region Helper Methods
+    handleLayout(width) {
+        if (!this.config)
+            return;
+        let resolvedLayout = this.config.style.layout;
+        for (const bp of this._sortedBreakpoints) {
+            if (width <= bp.width) {
+                resolvedLayout = bp.layout;
+                break;
+            }
+        }
+        const prevIsSide = this.isSide();
+        const nextIsSide = resolvedLayout === 'left' || resolvedLayout === 'right';
+        const layoutTypeChanged = prevIsSide !== nextIsSide;
+        if (layoutTypeChanged && this._currentVcr && this.componentRef) {
+            const index = this._currentVcr.indexOf(this.componentRef.hostView);
+            if (index !== -1) {
+                this._currentVcr.detach(index);
+            }
+        }
+        this.effectiveLayout.set(resolvedLayout);
+        this.isSide.set(nextIsSide);
+        this.isCentered.set(resolvedLayout === 'center' || resolvedLayout === 'bottom-sheet');
+        const shouldBeBottomSheet = resolvedLayout === 'bottom-sheet';
+        const currentSwipeState = this.isBottomSheetModalActive();
+        if (shouldBeBottomSheet && !currentSwipeState) {
+            this.isBottomSheetModalActive.set(true);
+        }
+        else if (!shouldBeBottomSheet && currentSwipeState) {
+            this.isBottomSheetModalActive.set(false);
+        }
+    }
+    getBottomSheetModal() {
+        return this.sideModalComponents?.first?.bottomSheet?.first ?? this.centeredModalComponents?.first?.bottomSheet?.first;
+    }
+    resetBottomSheetModalLayout() {
+        const bottomSheet = this.getBottomSheetModal();
+        if (bottomSheet) {
+            bottomSheet.currentTranslateY.set(0);
+        }
+    }
+    setBottomSheetModalFinishedState(isFinished) {
+        const bottomSheet = this.getBottomSheetModal();
+        if (bottomSheet) {
+            bottomSheet.isSwipingVerticallyFinished.set(isFinished);
+        }
+        this.isBottomSheetModalActive.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalCore, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ModalCore, isStandalone: true, selector: "bx-modal", viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }, { propertyName: "dynamicContainer", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "sideModalComponents", predicate: ModalSide, descendants: true }, { propertyName: "centeredModalComponents", predicate: ModalCentered, descendants: true }], ngImport: i0, template: "@if (config?.style?.hasBackdrop && (isSide() || isBottomSheetModalActive())) {\n<bx-modal-backdrop [isAnimated]=\"isAnimated()\" [isOpen]=\"isOpen()\" (click)=\"onBackdropClick($event)\">\n</bx-modal-backdrop>\n}\n\n<ng-container #modalContainer>\n    @switch (true) {\n    @case (isSide()) {\n    <bx-modal-side [layout]=\"effectiveLayout()\" [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\"\n        [config]=\"config\" [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\"\n        [isBottomSheetModalActive]=\"isBottomSheetModalActive()\" [animationDuration]=\"animationDuration\"\n        [hasDefaultContentWrapperClass]=\"hasDefaultContentWrapperClass\" [hasBanner]=\"hasBanner\" (close)=\"close($event)\">\n        <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\n    </bx-modal-side>\n    }\n    @case (isCentered()) {\n    <bx-modal-centered [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [config]=\"config\"\n        [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\"\n        [isBottomSheetModalActive]=\"isBottomSheetModalActive()\" [animationDuration]=\"animationDuration\"\n        [hasDefaultContentWrapperClass]=\"hasDefaultContentWrapperClass\" [hasBanner]=\"hasBanner\" (close)=\"close($event)\"\n        (onBackdropClick)=\"onBackdropClick($event)\">\n        <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\n    </bx-modal-centered>\n    }\n    }\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-container #dynamicContainer></ng-container>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ModalCentered, selector: "bx-modal-centered", inputs: ["headerTemplate", "footerTemplate", "config", "id", "isOpen", "isAnimated", "isBottomSheetModalActive", "animationDuration", "hasDefaultContentWrapperClass", "hasBanner"], outputs: ["close", "onBackdropClick"] }, { kind: "component", type: ModalSide, selector: "bx-modal-side", inputs: ["layout", "headerTemplate", "footerTemplate", "config", "id", "isOpen", "isAnimated", "isBottomSheetModalActive", "animationDuration", "hasDefaultContentWrapperClass", "hasBanner"], outputs: ["close"] }, { kind: "component", type: ModalBackdrop, selector: "bx-modal-backdrop", inputs: ["isAnimated", "isOpen"], outputs: ["click"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalCore, decorators: [{
+            type: Component,
+            args: [{ selector: 'bx-modal', imports: [NgTemplateOutlet, ModalCentered, ModalSide, ModalBackdrop], template: "@if (config?.style?.hasBackdrop && (isSide() || isBottomSheetModalActive())) {\n<bx-modal-backdrop [isAnimated]=\"isAnimated()\" [isOpen]=\"isOpen()\" (click)=\"onBackdropClick($event)\">\n</bx-modal-backdrop>\n}\n\n<ng-container #modalContainer>\n    @switch (true) {\n    @case (isSide()) {\n    <bx-modal-side [layout]=\"effectiveLayout()\" [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\"\n        [config]=\"config\" [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\"\n        [isBottomSheetModalActive]=\"isBottomSheetModalActive()\" [animationDuration]=\"animationDuration\"\n        [hasDefaultContentWrapperClass]=\"hasDefaultContentWrapperClass\" [hasBanner]=\"hasBanner\" (close)=\"close($event)\">\n        <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\n    </bx-modal-side>\n    }\n    @case (isCentered()) {\n    <bx-modal-centered [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [config]=\"config\"\n        [id]=\"id()\" [isOpen]=\"isOpen()\" [isAnimated]=\"isAnimated()\"\n        [isBottomSheetModalActive]=\"isBottomSheetModalActive()\" [animationDuration]=\"animationDuration\"\n        [hasDefaultContentWrapperClass]=\"hasDefaultContentWrapperClass\" [hasBanner]=\"hasBanner\" (close)=\"close($event)\"\n        (onBackdropClick)=\"onBackdropClick($event)\">\n        <ng-container [ngTemplateOutlet]=\"contentTemplate\"></ng-container>\n    </bx-modal-centered>\n    }\n    }\n</ng-container>\n\n<ng-template #contentTemplate>\n    <ng-container #dynamicContainer></ng-container>\n</ng-template>" }]
+        }], ctorParameters: () => [], propDecorators: { modalContainer: [{
+                type: ViewChild,
+                args: ['modalContainer', { static: false }]
+            }], contentTemplate: [{
+                type: ViewChild,
+                args: ['contentTemplate']
+            }], sideModalComponents: [{
+                type: ViewChildren,
+                args: [ModalSide]
+            }], centeredModalComponents: [{
+                type: ViewChildren,
+                args: [ModalCentered]
+            }], dynamicContainer: [{
+                type: ViewChild,
+                args: ['dynamicContainer', { read: ViewContainerRef }]
+            }] } });
+
+class Modal {
+    /**
+     * Data injected into the modal component.
+     */
+    data = inject(MODAL_DATA);
+    /**
+     * Reference to the ModalRef instance associated with this modal.
+     */
+    modal;
+    /**
+     * Called when the modal is initialized.
+     */
+    onModalInit() { }
+    /**
+     * Closes the modal (with "cancel" reason) with an optional result.
+     * @param result The result to be passed when closing the modal.
+     */
+    close(result) {
+        this.modal?.close('cancel', result);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Modal, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Modal });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Modal, decorators: [{
+            type: Injectable
+        }] });
+
+var ModalWarnings;
+(function (ModalWarnings) {
+    //#region Directive usage
+    ModalWarnings["FOOTER_DIRECTIVE_OUTSIDE_MODAL"] = "[ModalFooter] Directive used outside of a ModalComponent.";
+    ModalWarnings["HEADER_DIRECTIVE_OUTSIDE_MODAL"] = "[ModalHeader] Directive used outside of a ModalComponent.";
+    //#endregion
+})(ModalWarnings || (ModalWarnings = {}));
+
+class ModalHeaderDirective {
+    templateRef = inject(TemplateRef);
+    modal = inject(ModalCore, { optional: true });
+    constructor() {
+        if (this.modal) {
+            this.modal.setHeaderTemplate(this.templateRef);
+        }
+        else {
+            console.warn(ModalWarnings.HEADER_DIRECTIVE_OUTSIDE_MODAL);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ModalHeaderDirective, isStandalone: true, selector: "[appModalHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appModalHeader]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+
+class ModalFooterDirective {
+    templateRef = inject(TemplateRef);
+    modal = inject(ModalCore, { optional: true });
+    constructor() {
+        if (this.modal) {
+            this.modal.setFooterTemplate(this.templateRef);
+        }
+        else {
+            console.warn(ModalWarnings.FOOTER_DIRECTIVE_OUTSIDE_MODAL);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: ModalFooterDirective, isStandalone: true, selector: "[appModalFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appModalFooter]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Abstract class representing a modal close guard.
+ */
+class ModalCloseGuard {
+}
+
+/**
+ * Modal Close Guard that opens a confirmation modal before allowing the original modal to close.
+ * @param component The component to use for the confirmation modal.
+ * @param config The configuration for the confirmation modal.
+ */
+class ModalConfirmCloseGuard extends ModalCloseGuard {
+    component;
+    config;
+    constructor(component, config) {
+        super();
+        this.component = component;
+        this.config = config;
+    }
+    canClose(modalService) {
+        const ref = modalService.open(this.component, this.config);
+        return ref.afterClosed().pipe(map((result) => result.state === 'confirm'));
+    }
+}
+
+/*
+ * Public API Surface of modal
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MODAL_DATA, MODAL_DEFAULT_ANIM_DURATION, MODAL_DEFAULT_ANIM_DURATION_MULTIPLIER_LARGE, MODAL_DEFAULT_ANIM_DURATION_MULTIPLIER_SMALL, MODAL_DEFAULT_INTERNAL_ANIM_DURATION, MODAL_DOWN_SWIPE_LIMIT, MODAL_SWIPE_VELOCITY_THRESHOLD, Modal, ModalBackdrop, ModalBanner, ModalBottomSheet, ModalCentered, ModalCloseGuard, ModalConfig, ModalConfirmCloseGuard, ModalCore, ModalFooterDirective, ModalGlobalSettingsService, ModalHeaderDirective, ModalRef, ModalService, ModalSide, ModalState, ModalStyleConfig, ModalWarnings };
+//# sourceMappingURL=filip.mazev-blocks-modal.mjs.map