@filip.mazev/blocks 1.0.40 → 1.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -18
- package/fesm2022/filip.mazev-blocks-icons.mjs +3 -1
- package/fesm2022/filip.mazev-blocks-icons.mjs.map +1 -1
- package/fesm2022/filip.mazev-blocks-modal.mjs +9 -9
- package/fesm2022/filip.mazev-blocks-modal.mjs.map +1 -1
- package/package.json +1 -1
- package/schematics/ng-add/index.js +2 -4
- package/types/filip.mazev-blocks-icons.d.ts +2 -3
- package/types/filip.mazev-blocks-modal.d.ts +1 -1
|
@@ -4,7 +4,7 @@ import { BehaviorSubject, Subject, filter, skip, Observable, from, of, take, fro
|
|
|
4
4
|
import { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
import { Router, NavigationEnd } from '@angular/router';
|
|
6
6
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
7
|
-
import { Icon } from '@filip.mazev/icons';
|
|
7
|
+
import { Icon } from '@filip.mazev/blocks/icons';
|
|
8
8
|
import { ScrollLockService, WindowDimensionsService, uuidv4 } from '@filip.mazev/blocks/core';
|
|
9
9
|
|
|
10
10
|
class ModalStyleConfig {
|
|
@@ -424,11 +424,11 @@ class ModalBanner {
|
|
|
424
424
|
config = input.required(...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
|
|
425
425
|
close = output();
|
|
426
426
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBanner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
427
|
-
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,
|
|
427
|
+
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"] }] });
|
|
428
428
|
}
|
|
429
429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBanner, decorators: [{
|
|
430
430
|
type: Component,
|
|
431
|
-
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,
|
|
431
|
+
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"] }]
|
|
432
432
|
}], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], close: [{ type: i0.Output, args: ["close"] }] } });
|
|
433
433
|
|
|
434
434
|
const MODAL_DOWN_SWIPE_LIMIT = 3;
|
|
@@ -566,11 +566,11 @@ class ModalBottomSheet {
|
|
|
566
566
|
this.globalResizeCleanup = () => window.removeEventListener('pointerdown', handler);
|
|
567
567
|
}
|
|
568
568
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
569
|
-
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, #ffffff);color:var(--bx-modal-text, #000000);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, #000000);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"] }] });
|
|
569
|
+
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"] }] });
|
|
570
570
|
}
|
|
571
571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalBottomSheet, decorators: [{
|
|
572
572
|
type: Component,
|
|
573
|
-
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, #ffffff);color:var(--bx-modal-text, #000000);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, #000000);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"] }]
|
|
573
|
+
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"] }]
|
|
574
574
|
}], 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: [{
|
|
575
575
|
type: ViewChild,
|
|
576
576
|
args: ['verticalSwipeTarget', { static: true }]
|
|
@@ -602,11 +602,11 @@ class ModalCentered {
|
|
|
602
602
|
};
|
|
603
603
|
}, ...(ngDevMode ? [{ debugName: "modalClasses" }] : /* istanbul ignore next */ []));
|
|
604
604
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalCentered, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
605
|
-
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, #000000);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;background-color:var(--bx-modal-bg, #ffffff)}.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"] }] });
|
|
605
|
+
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"] }] });
|
|
606
606
|
}
|
|
607
607
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalCentered, decorators: [{
|
|
608
608
|
type: Component,
|
|
609
|
-
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, #000000);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;background-color:var(--bx-modal-bg, #ffffff)}.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"] }]
|
|
609
|
+
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"] }]
|
|
610
610
|
}], 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: [{
|
|
611
611
|
type: ViewChildren,
|
|
612
612
|
args: [ModalBottomSheet]
|
|
@@ -657,11 +657,11 @@ class ModalSide {
|
|
|
657
657
|
});
|
|
658
658
|
}
|
|
659
659
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalSide, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
660
|
-
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, #ffffff);color:var(--bx-modal-text, #000000);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"] }] });
|
|
660
|
+
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"] }] });
|
|
661
661
|
}
|
|
662
662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ModalSide, decorators: [{
|
|
663
663
|
type: Component,
|
|
664
|
-
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, #ffffff);color:var(--bx-modal-text, #000000);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"] }]
|
|
664
|
+
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"] }]
|
|
665
665
|
}], 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: [{
|
|
666
666
|
type: ViewChildren,
|
|
667
667
|
args: [ModalBottomSheet]
|