ngx-wapp-components 3.2.28-alpha.2 → 3.2.28
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.
|
@@ -2347,6 +2347,7 @@ class WEditMultiselectComponent {
|
|
|
2347
2347
|
this.filterPlaceholder = 'Search';
|
|
2348
2348
|
this.disabled = false;
|
|
2349
2349
|
this.showPanelDisabled = false;
|
|
2350
|
+
this.loading = false;
|
|
2350
2351
|
this.required = false;
|
|
2351
2352
|
this.size = "small";
|
|
2352
2353
|
this.virtualScroll = false;
|
|
@@ -2402,13 +2403,13 @@ class WEditMultiselectComponent {
|
|
|
2402
2403
|
return !(this.required && (this.ngModelValue == null || this.ngModelValue?.length == 0));
|
|
2403
2404
|
}
|
|
2404
2405
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WEditMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2405
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WEditMultiselectComponent, isStandalone: false, selector: "w-edit-multiselect", inputs: { label: "label", showLabel: "showLabel", placeholder: "placeholder", filter: "filter", filterPlaceholder: "filterPlaceholder", disabled: "disabled", optionDisabled: "optionDisabled", showPanelDisabled: "showPanelDisabled", readonly: "readonly", required: "required", size: "size", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", appendTo: "appendTo", showClear: "showClear", showToggleAll: "showToggleAll", formControl: "formControl", errorDescription: ["requiredErrorDescription", "errorDescription"], removePaddingTop: "removePaddingTop", tooltip: "tooltip", tooltipPosition: "tooltipPosition", allowFooterTemplate: "allowFooterTemplate" }, outputs: { onChangeEvent: "onChange", onFilterEvent: "onFilterChange" }, providers: [
|
|
2406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WEditMultiselectComponent, isStandalone: false, selector: "w-edit-multiselect", inputs: { label: "label", showLabel: "showLabel", placeholder: "placeholder", filter: "filter", filterPlaceholder: "filterPlaceholder", disabled: "disabled", optionDisabled: "optionDisabled", showPanelDisabled: "showPanelDisabled", loading: "loading", readonly: "readonly", required: "required", size: "size", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", appendTo: "appendTo", showClear: "showClear", showToggleAll: "showToggleAll", formControl: "formControl", errorDescription: ["requiredErrorDescription", "errorDescription"], removePaddingTop: "removePaddingTop", tooltip: "tooltip", tooltipPosition: "tooltipPosition", allowFooterTemplate: "allowFooterTemplate" }, outputs: { onChangeEvent: "onChange", onFilterEvent: "onFilterChange" }, providers: [
|
|
2406
2407
|
{
|
|
2407
2408
|
provide: NG_VALUE_ACCESSOR,
|
|
2408
2409
|
useExisting: forwardRef(() => WEditMultiselectComponent),
|
|
2409
2410
|
multi: true
|
|
2410
2411
|
}
|
|
2411
|
-
], queries: [{ propertyName: "footerTemplate", first: true, predicate: ["footer"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "wMultiSelect", first: true, predicate: ["wMultiSelect"], descendants: true }], ngImport: i0, template: "@if (formControl) {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [filter]=\"filter\"\r\n [filterPlaceHolder]=\"filterPlaceholder\" \r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\"\r\n [maxSelectedLabels]=\"1000\"\r\n (onChange)=\"onOptionSelectedForm($event)\" \r\n (onFilter)=\"onFilter($event)\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n @if (formControl.dirty && formControl.hasError('required')) {\r\n <span class=\"w-full w-error-message p-error block\">{{errorDescription}}</span>\r\n }\r\n </div>\r\n} @else {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [readonly]=\"readonly\"\r\n [(ngModel)]=\"ngModelValue\"\r\n (onChange)=\"onOptionSelected()\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\" \r\n [maxSelectedLabels]=\"1000\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n </div>\r\n}\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter,.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{color:#1f2224}.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled{color:#5f6468}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled .p-select-label.p-placeholder{color:#5f6468}.w-input-small-text-icon{color:#1f2224}.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-multiselect-field{margin:0;display:flex;flex-direction:column;gap:6px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect{border:1px solid #e8ebee;border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect:hover{border:1px solid #00b3eb}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{padding:3px 0 3px 5px;display:flex;width:100%;gap:6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{padding:5px 0 5px 7px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{color:#1f2224;background-color:#e0f5fc;height:20px;padding:0 6px;gap:4px;border-radius:6px;border-width:1px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open:not(.p-disabled):hover{border-color:#e8ebee}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open.p-inputwrapper-focus{border-color:#e8ebee;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list{padding:4px;display:grid;gap:4px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{padding:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-multiselect-option-selected,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-focus{background-color:#e0f5fc;border-radius:2px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option[data-p-highlight=true]{font-weight:600}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox{display:flex}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header{background-color:#f8f9fa!important;padding:6px!important;border-bottom:1px solid #e8ebee;border-radius:8px 8px 0 0}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter{height:20px!important;padding:4px 8px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:focus{border:1px solid #e8ebee;border-radius:8px;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-inputicon svg{width:8px;height:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox{margin:0 6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7;margin-inline-end:0px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box:hover{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-clear-icon{width:24px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i10$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2412
|
+
], queries: [{ propertyName: "footerTemplate", first: true, predicate: ["footer"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "wMultiSelect", first: true, predicate: ["wMultiSelect"], descendants: true }], ngImport: i0, template: "@if (formControl) {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [loading]=\"loading\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [filter]=\"filter\"\r\n [filterPlaceHolder]=\"filterPlaceholder\" \r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\"\r\n [maxSelectedLabels]=\"1000\"\r\n (onChange)=\"onOptionSelectedForm($event)\" \r\n (onFilter)=\"onFilter($event)\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n @if (formControl.dirty && formControl.hasError('required')) {\r\n <span class=\"w-full w-error-message p-error block\">{{errorDescription}}</span>\r\n }\r\n </div>\r\n} @else {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [readonly]=\"readonly\"\r\n [(ngModel)]=\"ngModelValue\"\r\n (onChange)=\"onOptionSelected()\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\" \r\n [maxSelectedLabels]=\"1000\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n </div>\r\n}\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter,.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{color:#1f2224}.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled{color:#5f6468}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled .p-select-label.p-placeholder{color:#5f6468}.w-input-small-text-icon{color:#1f2224}.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-multiselect-field{margin:0;display:flex;flex-direction:column;gap:6px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect{border:1px solid #e8ebee;border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect:hover{border:1px solid #00b3eb}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{padding:3px 0 3px 5px;display:flex;width:100%;gap:6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{padding:5px 0 5px 7px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{color:#1f2224;background-color:#e0f5fc;height:20px;padding:0 6px;gap:4px;border-radius:6px;border-width:1px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open:not(.p-disabled):hover{border-color:#e8ebee}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open.p-inputwrapper-focus{border-color:#e8ebee;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list{padding:4px;display:grid;gap:4px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{padding:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-multiselect-option-selected,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-focus{background-color:#e0f5fc;border-radius:2px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option[data-p-highlight=true]{font-weight:600}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox{display:flex}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header{background-color:#f8f9fa!important;padding:6px!important;border-bottom:1px solid #e8ebee;border-radius:8px 8px 0 0}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter{height:20px!important;padding:4px 8px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:focus{border:1px solid #e8ebee;border-radius:8px;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-inputicon svg{width:8px;height:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox{margin:0 6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7;margin-inline-end:0px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box:hover{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-clear-icon{width:24px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i10$1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2412
2413
|
}
|
|
2413
2414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WEditMultiselectComponent, decorators: [{
|
|
2414
2415
|
type: Component,
|
|
@@ -2418,7 +2419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
2418
2419
|
useExisting: forwardRef(() => WEditMultiselectComponent),
|
|
2419
2420
|
multi: true
|
|
2420
2421
|
}
|
|
2421
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (formControl) {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [filter]=\"filter\"\r\n [filterPlaceHolder]=\"filterPlaceholder\" \r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\"\r\n [maxSelectedLabels]=\"1000\"\r\n (onChange)=\"onOptionSelectedForm($event)\" \r\n (onFilter)=\"onFilter($event)\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n @if (formControl.dirty && formControl.hasError('required')) {\r\n <span class=\"w-full w-error-message p-error block\">{{errorDescription}}</span>\r\n }\r\n </div>\r\n} @else {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [readonly]=\"readonly\"\r\n [(ngModel)]=\"ngModelValue\"\r\n (onChange)=\"onOptionSelected()\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\" \r\n [maxSelectedLabels]=\"1000\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n </div>\r\n}\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter,.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{color:#1f2224}.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled{color:#5f6468}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled .p-select-label.p-placeholder{color:#5f6468}.w-input-small-text-icon{color:#1f2224}.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-multiselect-field{margin:0;display:flex;flex-direction:column;gap:6px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect{border:1px solid #e8ebee;border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect:hover{border:1px solid #00b3eb}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{padding:3px 0 3px 5px;display:flex;width:100%;gap:6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{padding:5px 0 5px 7px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{color:#1f2224;background-color:#e0f5fc;height:20px;padding:0 6px;gap:4px;border-radius:6px;border-width:1px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open:not(.p-disabled):hover{border-color:#e8ebee}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open.p-inputwrapper-focus{border-color:#e8ebee;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list{padding:4px;display:grid;gap:4px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{padding:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-multiselect-option-selected,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-focus{background-color:#e0f5fc;border-radius:2px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option[data-p-highlight=true]{font-weight:600}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox{display:flex}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header{background-color:#f8f9fa!important;padding:6px!important;border-bottom:1px solid #e8ebee;border-radius:8px 8px 0 0}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter{height:20px!important;padding:4px 8px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:focus{border:1px solid #e8ebee;border-radius:8px;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-inputicon svg{width:8px;height:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox{margin:0 6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7;margin-inline-end:0px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box:hover{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-clear-icon{width:24px}\n"] }]
|
|
2422
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (formControl) {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValid()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [loading]=\"loading\"\r\n [placeholder]=\"placeholder\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [filter]=\"filter\"\r\n [filterPlaceHolder]=\"filterPlaceholder\" \r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\"\r\n [maxSelectedLabels]=\"1000\"\r\n (onChange)=\"onOptionSelectedForm($event)\" \r\n (onFilter)=\"onFilter($event)\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n @if (formControl.dirty && formControl.hasError('required')) {\r\n <span class=\"w-full w-error-message p-error block\">{{errorDescription}}</span>\r\n }\r\n </div>\r\n} @else {\r\n <div class=\"w-edit-multiselect-field p-fluid field\">\r\n @if (showLabel) {\r\n <w-input-label [label]=\"label\" [required]=\"required\" [disabled]=\"disabled\" [size]=\"size\" [tooltip]=\"tooltip\"\r\n [tooltipPosition]=\"tooltipPosition\" [validated]=\"isRequiredValidNgModel()\"></w-input-label>\r\n }\r\n <p-multiselect #wMultiSelect class=\"w-edit-multiselect-small\" [ngClass]=\"{'disabled-options': showPanelDisabled}\"\r\n [options]=\"options\"\r\n display=\"chip\"\r\n [optionLabel]=\"optionLabel\"\r\n [optionValue]=\"optionValue\"\r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\"\r\n [optionDisabled]=\"optionDisabled\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [readonly]=\"readonly\"\r\n [(ngModel)]=\"ngModelValue\"\r\n (onChange)=\"onOptionSelected()\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\"\r\n [showToggleAll]=\"showToggleAll\" \r\n [maxSelectedLabels]=\"1000\">\r\n @if(allowFooterTemplate && footerTemplate){\r\n <ng-template #footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </ng-template>\r\n }\r\n </p-multiselect>\r\n </div>\r\n}\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter,.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter::placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:-ms-input-placeholder,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{color:#1f2224}.w-input-small-placeholder-text-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled{color:#5f6468}.w-input-small-placeholder-text-disabled-only-color,:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-disabled .p-select-label.p-placeholder{color:#5f6468}.w-input-small-text-icon{color:#1f2224}.w-input-small-select-options-text,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-edit-multiselect-field{margin:0;display:flex;flex-direction:column;gap:6px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect{border:1px solid #e8ebee;border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect:hover{border:1px solid #00b3eb}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{padding:3px 0 3px 5px;display:flex;width:100%;gap:6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label.p-placeholder{padding:5px 0 5px 7px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label .p-multiselect-chip-item .p-multiselect-chip{color:#1f2224;background-color:#e0f5fc;height:20px;padding:0 6px;gap:4px;border-radius:6px;border-width:1px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open:not(.p-disabled):hover{border-color:#e8ebee}:host ::ng-deep .w-edit-multiselect-small.p-multiselect.p-multiselect-open.p-inputwrapper-focus{border-color:#e8ebee;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay{border-radius:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list{padding:4px;display:grid;gap:4px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option{padding:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-multiselect-option-selected,:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-focus{background-color:#e0f5fc;border-radius:2px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option[data-p-highlight=true]{font-weight:600}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox{display:flex}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header{background-color:#f8f9fa!important;padding:6px!important;border-bottom:1px solid #e8ebee;border-radius:8px 8px 0 0}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter{height:20px!important;padding:4px 8px!important}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-multiselect-filter:focus{border:1px solid #e8ebee;border-radius:8px;box-shadow:none}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container.p-iconfield .p-inputicon svg{width:8px;height:8px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox{margin:0 6px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox{width:12px;height:12px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox:not(.p-disabled):not([data-p-highlight=true]):has(.p-checkbox-input:hover) .p-checkbox-box{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box{width:12px;height:12px;border-radius:2px;border:1px solid #9aa0a7;margin-inline-end:0px}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox .p-checkbox-box:hover{background-color:#e8ebee;border:1px solid #9aa0a7}:host ::ng-deep .w-edit-multiselect-small.p-multiselect p-overlay .p-overlay .p-overlay-content .p-multiselect-overlay .p-multiselect-header p-checkbox.p-checkbox.p-checkbox-checked .p-checkbox-box{border:#e0f5fc}:host ::ng-deep .w-edit-multiselect-small.p-multiselect .p-multiselect-clear-icon{width:24px}\n"] }]
|
|
2422
2423
|
}], propDecorators: { label: [{
|
|
2423
2424
|
type: Input,
|
|
2424
2425
|
args: ['label']
|
|
@@ -2443,6 +2444,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
2443
2444
|
}], showPanelDisabled: [{
|
|
2444
2445
|
type: Input,
|
|
2445
2446
|
args: ['showPanelDisabled']
|
|
2447
|
+
}], loading: [{
|
|
2448
|
+
type: Input,
|
|
2449
|
+
args: ['loading']
|
|
2446
2450
|
}], readonly: [{
|
|
2447
2451
|
type: Input,
|
|
2448
2452
|
args: ['readonly']
|
|
@@ -3360,7 +3364,7 @@ class WListFieldComponent {
|
|
|
3360
3364
|
useExisting: forwardRef(() => WListFieldComponent),
|
|
3361
3365
|
multi: true
|
|
3362
3366
|
}
|
|
3363
|
-
], usesOnChanges: true, ngImport: i0, template: " @if (getDataType() == dataType.Multi) {\r\n <w-edit-multiselect \r\n class=\"w-list-field w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width q-inline-block-display inline-flex\"\r\n [required]=\"required\"\r\n [showClear]=\"false\"\r\n appendTo=\"self\"\r\n [options]=\"options\"\r\n [(ngModel)]=\"optionSelected\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (onChange)=\"onOptionSelected()\"\r\n [disabled]=\"disabled\"\r\n [showLabel]=\"false\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\">\r\n </w-edit-multiselect>\r\n }\r\n @if (options && getDataType() == dataType.Single) {\r\n <w-edit-select \r\n class=\"w-list-field w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width\" \r\n [required]=\"required\"\r\n [showClear]=\"false\"\r\n appendTo=\"self\"\r\n [options]=\"options\"\r\n [(ngModel)]=\"optionSelected\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (onChange)=\"onOptionSelected()\"\r\n [disabled]=\"disabled\"\r\n [showLabel]=\"false\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\">\r\n </w-edit-select>\r\n }", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-list-field-skeleton-container{padding:14px}::ng-deep .w-list-field{width:100%}::ng-deep .w-list-field .w-edit-multiselect-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }] }); }
|
|
3367
|
+
], usesOnChanges: true, ngImport: i0, template: " @if (getDataType() == dataType.Multi) {\r\n <w-edit-multiselect \r\n class=\"w-list-field w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width q-inline-block-display inline-flex\"\r\n [required]=\"required\"\r\n [showClear]=\"false\"\r\n appendTo=\"self\"\r\n [options]=\"options\"\r\n [(ngModel)]=\"optionSelected\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (onChange)=\"onOptionSelected()\"\r\n [disabled]=\"disabled\"\r\n [showLabel]=\"false\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\">\r\n </w-edit-multiselect>\r\n }\r\n @if (options && getDataType() == dataType.Single) {\r\n <w-edit-select \r\n class=\"w-list-field w-filter-panel-advanced-query-builder-input-width w-filter-panel-basic-query-builder-input-width\" \r\n [required]=\"required\"\r\n [showClear]=\"false\"\r\n appendTo=\"self\"\r\n [options]=\"options\"\r\n [(ngModel)]=\"optionSelected\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [placeholder]=\"placeholder\"\r\n (onChange)=\"onOptionSelected()\"\r\n [disabled]=\"disabled\"\r\n [showLabel]=\"false\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [virtualScrollItemSize]=\"virtualScrollItemSize\">\r\n </w-edit-select>\r\n }", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.w-list-field-skeleton-container{padding:14px}::ng-deep .w-list-field{width:100%}::ng-deep .w-list-field .w-edit-multiselect-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "loading", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }] }); }
|
|
3364
3368
|
}
|
|
3365
3369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WListFieldComponent, decorators: [{
|
|
3366
3370
|
type: Component,
|
|
@@ -4123,7 +4127,7 @@ class WAddressFieldComponent {
|
|
|
4123
4127
|
useExisting: forwardRef(() => WAddressFieldComponent),
|
|
4124
4128
|
multi: true
|
|
4125
4129
|
}
|
|
4126
|
-
], usesOnChanges: true, ngImport: i0, template: "@if (getDataType() == dataType.Multi && countries.length > 0) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"countries\" [(ngModel)]=\"countrySelected\" optionLabel=\"name\" optionValue=\"gmCountryId\" (onChange)=\"onCountrySelected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && areaLevels1.length > 0 && countrySelected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels1\" [(ngModel)]=\"areaLevel1Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel1Id\" (onChange)=\"onAreaLevel1Selected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && areaLevels2.length > 0 && areaLevel1Selected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels2\" [(ngModel)]=\"areaLevel2Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel2Id\" (onChange)=\"onAreaLevel2Selected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && localities.length > 0 && areaLevel2Selected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"localities\" [(ngModel)]=\"localitySelected\" optionLabel=\"name\" optionValue=\"gmLocalityId\" (onChange)=\"onLocalitySelected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && postalCodes.length > 0 && localitySelected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"postalCodes\" [(ngModel)]=\"postalCodeSelected\" optionLabel=\"name\" optionValue=\"gmPostalCodeId\" (onChange)=\"onPostalCodeSelected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n\r\n@if (getDataType() == dataType.Single && countries.length > 0) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"countries\" [(ngModel)]=\"countrySelected\" optionLabel=\"name\" optionValue=\"gmCountryId\" (onChange)=\"onCountrySelected()\" (onClear)=\"onCountryCleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && areaLevels1.length > 0 && countrySelected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels1\" [(ngModel)]=\"areaLevel1Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel1Id\" (onChange)=\"onAreaLevel1Selected()\" (onClear)=\"onAreaLevel1Cleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && areaLevels2.length > 0 && areaLevel1Selected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels2\" [(ngModel)]=\"areaLevel2Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel2Id\" (onChange)=\"onAreaLevel2Selected()\" (onClear)=\"onAreaLevel2Cleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && localities.length > 0 && areaLevel2Selected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"localities\" [(ngModel)]=\"localitySelected\" optionLabel=\"name\" optionValue=\"gmLocalityId\" (onChange)=\"onLocalitySelected()\" (onClear)=\"onLocalityCleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && postalCodes.length > 0 && localitySelected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"postalCodes\" [(ngModel)]=\"postalCodeSelected\" optionLabel=\"name\" optionValue=\"gmPostalCodeId\" (onChange)=\"onPostalCodeSelected()\" (onClear)=\"onPostalCodeCleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }] }); }
|
|
4130
|
+
], usesOnChanges: true, ngImport: i0, template: "@if (getDataType() == dataType.Multi && countries.length > 0) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"countries\" [(ngModel)]=\"countrySelected\" optionLabel=\"name\" optionValue=\"gmCountryId\" (onChange)=\"onCountrySelected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && areaLevels1.length > 0 && countrySelected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels1\" [(ngModel)]=\"areaLevel1Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel1Id\" (onChange)=\"onAreaLevel1Selected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && areaLevels2.length > 0 && areaLevel1Selected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels2\" [(ngModel)]=\"areaLevel2Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel2Id\" (onChange)=\"onAreaLevel2Selected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && localities.length > 0 && areaLevel2Selected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"localities\" [(ngModel)]=\"localitySelected\" optionLabel=\"name\" optionValue=\"gmLocalityId\" (onChange)=\"onLocalitySelected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n@if (getDataType() == dataType.Multi && postalCodes.length > 0 && localitySelected) {\r\n <w-edit-multiselect class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"postalCodes\" [(ngModel)]=\"postalCodeSelected\" optionLabel=\"name\" optionValue=\"gmPostalCodeId\" (onChange)=\"onPostalCodeSelected()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-multiselect>\r\n}\r\n\r\n@if (getDataType() == dataType.Single && countries.length > 0) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"countries\" [(ngModel)]=\"countrySelected\" optionLabel=\"name\" optionValue=\"gmCountryId\" (onChange)=\"onCountrySelected()\" (onClear)=\"onCountryCleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && areaLevels1.length > 0 && countrySelected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels1\" [(ngModel)]=\"areaLevel1Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel1Id\" (onChange)=\"onAreaLevel1Selected()\" (onClear)=\"onAreaLevel1Cleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && areaLevels2.length > 0 && areaLevel1Selected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"areaLevels2\" [(ngModel)]=\"areaLevel2Selected\" optionLabel=\"name\" optionValue=\"gmAreaLevel2Id\" (onChange)=\"onAreaLevel2Selected()\" (onClear)=\"onAreaLevel2Cleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && localities.length > 0 && areaLevel2Selected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"localities\" [(ngModel)]=\"localitySelected\" optionLabel=\"name\" optionValue=\"gmLocalityId\" (onChange)=\"onLocalitySelected()\" (onClear)=\"onLocalityCleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n@if (getDataType() == dataType.Single && postalCodes.length > 0 && localitySelected) {\r\n <w-edit-select class=\"w-filter-panel-advanced-query-builder-input-width w-address-field-width q-inline-block-display inline-flex\" [showClear]=\"false\" appendTo=\"self\" [options]=\"postalCodes\" [(ngModel)]=\"postalCodeSelected\" optionLabel=\"name\" optionValue=\"gmPostalCodeId\" (onChange)=\"onPostalCodeSelected()\" (onClear)=\"onPostalCodeCleared()\" [placeholder]=\"selectPlaceholder\" [showLabel]=\"false\"></w-edit-select>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "loading", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }] }); }
|
|
4127
4131
|
}
|
|
4128
4132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WAddressFieldComponent, decorators: [{
|
|
4129
4133
|
type: Component,
|
|
@@ -6377,7 +6381,7 @@ class WFilterPanelComponent {
|
|
|
6377
6381
|
}
|
|
6378
6382
|
}
|
|
6379
6383
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WFilterPanelComponent, deps: [{ token: i1$2.FormBuilder }, { token: ApiService }, { token: SessionStorageService }, { token: LocalStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6380
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WFilterPanelComponent, isStandalone: false, selector: "w-filter-panel", inputs: { authorizationApiUrl: ["apiUrl", "authorizationApiUrl"], commonDataApiUrl: "commonDataApiUrl", notificationApiUrl: "notificationApiUrl", segmentationApiUrl: "segmentationApiUrl", productApiUrl: "productApiUrl", token: "token", commonDataToken: "commonDataToken", segmentationToken: "segmentationToken", filterId: "filterId", dataIsLoadingSearchButton: "dataIsLoadingSearchButton", tenantId: "tenantId", applicationId: "applicationId", fieldsToKeepLocalDate: "fieldsToKeepLocalDate", fieldsForNotificationEvent: "fieldsForNotificationEvent", notificationEventEntity: "notificationEventEntity", translationsObject: "translationsObject", translationsEspecificFieldOptions: "translationsEspecificFieldOptions" }, outputs: { searchClicked: "searchClicked", clearClicked: "clearClicked", lastQuery: "lastQuery", hasDefaultValues: "hasDefaultValues" }, viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: ["advancedQueryBuilder"], descendants: true }, { propertyName: "basicQueryBuilderObject", first: true, predicate: ["basicQueryBuilderObject"], descendants: true }, { propertyName: "periodSelectComponent", first: true, predicate: ["periodSelect"], descendants: true }], ngImport: i0, template: "<!-- TODO: Intentar otra vez pasar los componentes a los de w- porque no se alinena y el w-edit-select no va bien en field.\r\nAhora se conservan los de p-w con estilos. -->\r\n<p-blockUI class=\"w-filter-panel-blockui\" [autoZIndex]=\"false\" [target]=\"filterPanel\" [blocked]=\"dataIsLoadingSearchButton\"></p-blockUI>\r\n\r\n<p-card class=\"w-filter-panel-no-style-card\" #filterPanel>\r\n @if (queryConfigReady) {\r\n <div class=\"w-filter-panel-styles\">\r\n @if (!filterPanelObject.allowAdvancedSearch) {\r\n <div>\r\n <div [ngClass]=\"{ 'w-filter-panel-container-advanced' : isAdvancedSearch, 'w-filter-panel-container-basic' : !isAdvancedSearch }\">\r\n <ng-container *ngTemplateOutlet=\"basic\"></ng-container>\r\n <div class=\"w-filter-panel-buttons\">\r\n <w-button icon=\"w-icon closeCircle\" buttonClass=\"cancel-filter-button\" [label]=\"translationsObject.clearButtonLabel\" type=\"tertiary\" size=\"small\" (onClick)=\"onClearClicked()\"></w-button>\r\n <w-button icon=\"pi pi-filter-fill\" buttonClass=\"set-filter-button\" [label]=\"translationsObject.searchButtonLabel\" size=\"small\" (onClick)=\"onSearchClicked()\" [disabled]=\"disableFilterButton()\"></w-button>\r\n </div>\r\n </div>\r\n </div>\r\n } @else {\r\n <div [ngClass]=\"{ 'w-filter-panel-container-advanced' : isAdvancedSearch, 'w-filter-panel-container-basic' : !isAdvancedSearch }\">\r\n @if (!isAdvancedSearch) {\r\n <ng-container *ngTemplateOutlet=\"basic\"></ng-container>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"advanced\"></ng-container>\r\n }\r\n <div class=\"w-filter-panel-buttons\" [class.pt-3]=\"isAdvancedSearch\">\r\n <w-button buttonClass=\"cancel-filter-button\" [label]=\"translationsObject.clearButtonLabel\" icon=\"w-icon closeCircle\" type=\"tertiary\" size=\"small\" (onClick)=\"onClearClicked()\"></w-button>\r\n <w-button buttonClass=\"set-filter-button\" [label]=\"translationsObject.searchButtonLabel\" icon=\"pi pi-filter-fill\" size=\"small\" (onClick)=\"onSearchClicked()\" [disabled]=\"disableFilterButton()\" [loading]=\"dataIsLoadingSearchButton\"></w-button>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n</p-card>\r\n\r\n<ng-template #basic>\r\n @if (filterPanelObject.allowAdvancedSearch) {\r\n <div class=\"flex justify-content-end flex-wrap\">\r\n <w-button buttonClass=\"change-filter-button\" icon=\"pi pi-sync\" [label]=\"translationsObject.advancedSearchTabLabel\" type=\"text\" (onClick)=\"updateSearchType()\"></w-button>\r\n </div>\r\n }\r\n @if (basicQuery.rules.length > 0) {\r\n <div class=\"w-filter-panel-basic query-builder-style fadein animation-duration-500\">\r\n <query-builder #basicQueryBuilderObject [formControl]='queryCtrl' [config]='basicQueryConfig' [allowRuleset]='filterPanelObject.allowRuleSet' [allowRuleset]=\"filterPanelObject.allowRuleSet\" [persistValueOnFieldChange]='persistValueOnFieldChange'>\r\n <ng-container *queryButtonGroup=\"let ruleset;\">\r\n </ng-container>\r\n <ng-container *queryRemoveButton=\"let rule; let removeRule=removeRule\">\r\n </ng-container>\r\n <ng-container *querySwitchGroup=\"let ruleset; let onChange=onChange\">\r\n </ng-container>\r\n <ng-container *queryEntity=\"let rule; let entities=entities; let onChange=onChange\">\r\n @if (false) {\r\n <p-autocomplete [disabled]=\"true\" class=\" w-edit-select-small\" appendTo=\"body\" [suggestions]=\"entities\" [(ngModel)]=\"rule.entity\" optionLabel=\"name\" optionValue=\"value\" (ngModelChange)=\"onChange($event, rule)\"></p-autocomplete>\r\n }\r\n </ng-container>\r\n <ng-container *queryField=\"let rule; let fields=fields; let onChange=onChange; let getFields = getFields; let value=value; let name=name; let index=index\">\r\n <span appendTo=\"body\" class=\"w-filter-panel-input-text-label\" [class.w-filter-panel-boolean-label-width]=\"fieldIsBoolean(rule.field, getFields(rule.entity))\" optionLabel=\"name\" optionValue=\"value\">{{ getQueryFieldName(rule.field, getFields(rule.entity))}}</span>\r\n </ng-container>\r\n <ng-container *queryOperator=\"let rule; let operators=operators; let onChange=onChange\">\r\n <span class=\"query-builder-operator-width\">\r\n @if (isAdvancedSearch) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"operators\" [(ngModel)]=\"rule.operator\" [placeholder]=\"'-'\" [showClear]=\"false\" (ngModelChange)=\"onChange(rule)\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Boolean.toString(); let onChange=onChange\">\r\n <span class=\"query-builder-operator-width\">\r\n <w-toggle-button size=\"small\" [(ngModel)]=\"rule.value\" onLabel=\"True\" offLabel=\"False\" (ngModelChange)=\"onChange()\"></w-toggle-button>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Datetime.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-calendar appendTo=\"body\" size=\"small\" [showIcon]=\"false\" [dataType]=\"isToKeepLocalDate(rule.field) ? 'date' : 'string'\" [(ngModel)]=\"rule.value\" (onChange)=\"onChange()\" [showTime]=\"true\" [showSeconds]=\"true\" [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\" [placeholder]=\"translationsObject.fieldsPlaceholders.datetime\" [showLabel]=\"false\"></w-edit-calendar>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Decimal.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-input-number class=\"field-gap w-edit-input-number-small w-edit-input-number-small-height\" [(ngModel)]=\"rule.value\" mode=\"decimal\" [min]=\"0\" [minFractionDigits]=\"2\" [maxFractionDigits]=\"5\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.decimal\" [showLabel]=\"false\"></w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [required]=\"false\" [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\" [translationsOptions]=\"field.translationsOptions\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Number.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-input-number [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.number\" [min]=\"0\" [useGrouping]=\"false\" [showLabel]=\"false\"> </w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Text.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-input-text class=\"w-edit-input-text-small-height\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.text\" [showLabel]=\"false\"></w-edit-input-text>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Multiselect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo='body' [options]=\"getTranslatedSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.NullableSelect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [onlyDropdown]=\"true\" [required]=\"false\" [operator]=\"'='\" [options]=\"getNullableSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"nullableSelectPlaceholder(rule, options)\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.BooleanSelect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [required]=\"false\" [onlyDropdown]=\"true\" [operator]=\"'='\" [options]=\"getBooleanSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Address.toString(); let onChange=onChange\">\r\n <w-address-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [segmentationApiUrl]=\"segmentationApiUrl\" [segmentationApiToken]=\"segmentationToken\"></w-address-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TranslatedSelect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [options]=\"getTranslatedSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; let options=options; type: qbDataTypeEnum.NotificationEventList.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-input-text-label extra-label\">{{field.extraName}}</span>\r\n <w-notifications-event-field class=\"w-filter-panel-notifications-event-field\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [notificationApiUrl]=\"notificationApiUrl\" [notificationApiToken]=\"commonDataToken\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\" [translationsOptions]=\"field.translationsOptions\"></w-notifications-event-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.PeriodSelect.toString(); let onChange=onChange\">\r\n <w-period-select-field #periodSelect [ngClass]=\"{ 'w-filter-panel-period-select-field': rule.value.periodType === periodSelectEnum.Custom }\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [translationsObject]=\"translationsObject\" [periodSelectValue]=\"rule.value\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-period-select-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TreeList.toString(); let onChange=onChange\">\r\n <w-tree-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [field]=\"rule.field\" [operator]=\"rule.operator\" [productApiUrl]=\"productApiUrl\" [productApiToken]=\"commonDataToken\" [selectPlaceholder]=\"translationsObject.fieldsPlaceholders.list\"></w-tree-field>\r\n </ng-container>\r\n </query-builder>\r\n </div>\r\n }\r\n\r\n @if (!isAdvancedSearch && basicQuery.rules.length==0) {\r\n <ng-container *ngTemplateOutlet=\"noQueryData\"></ng-container>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #advanced>\r\n <div [class.query-builder-style]=\"!filterPanelObject.allowRuleSet\" class=\"w-filter-panel-container fadein animation-duration-500\">\r\n @if (filterPanelObject.allowRuleSet) {\r\n <div class=\"flex justify-content-end flex-wrap\">\r\n <w-button buttonClass=\"change-filter-button\" icon=\"pi pi-sync\" class=\"mb-2\" [label]=\"translationsObject.basicSearchTabLabel\" type=\"text\" (onClick)=\"updateSearchType()\"></w-button>\r\n </div>\r\n }\r\n <query-builder class=\"w-filter-panel-advanced query-builder-style\" #advancedQueryBuilder [formControl]='advancedQueryCtrl' [config]='advancedQueryConfig' [allowRuleset]='filterPanelObject.allowRuleSet' [allowCollapse]='filterPanelObject.allowColapse' [allowRuleset]=\"filterPanelObject.allowRuleSet\" [persistValueOnFieldChange]='persistValueOnFieldChange'>\r\n @if (filterPanelObject.allowRuleSet) {\r\n <div>\r\n <ng-container *queryButtonGroup=\"let ruleset; let addRule=addRule; let addRuleSet=addRuleSet; let removeRuleSet=removeRuleSet\">\r\n <span class=\"flex gap-3\">\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleButtonLabel\" type=\"secondary\" size=\"small\" (onClick)=\"addRule()\"></w-button>\r\n @if (addRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleSetButtonLabel\" type=\"secondary\" icon=\"pi pi-plus\" size=\"small\" (onClick)=\"addRuleSet()\"></w-button>\r\n }\r\n @if (removeRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.removeRuleSetButtonLabel\" type=\"tertiary\" icon=\"pi pi-minus\" size=\"small\" (onClick)=\"removeRuleSet()\"></w-button>\r\n }\r\n </span>\r\n </ng-container>\r\n </div>\r\n } @else {\r\n <ng-container *queryButtonGroup=\"let ruleset; let addRule=addRule; let addRuleSet=addRuleSet; let removeRuleSet=removeRuleSet\">\r\n <div class=\"flex justify-content-end flex-wrap\">\r\n <w-button [label]=\"translationsObject.basicSearchTabLabel\" type=\"text\" (onClick)=\"updateSearchType()\"></w-button>\r\n </div>\r\n <span class=\"advanced-query-button-group flex gap-3\">\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleButtonLabel\" type=\"secondary\" size=\"small\" (onClick)=\"addRule()\"></w-button>\r\n @if (addRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleSetButtonLabel\" type=\"secondary\" icon=\"pi pi-plus\" size=\"small\" (onClick)=\"addRuleSet()\"></w-button>\r\n }\r\n @if (removeRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.removeRuleSetButtonLabel\" type=\"tertiary\" icon=\"pi pi-minus\" size=\"small\" (onClick)=\"removeRuleSet()\"></w-button>\r\n }\r\n </span>\r\n </ng-container>\r\n }\r\n\r\n <ng-container *queryArrowIcon>\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-angle-right\" class=\"p-button-rounded p-button-text\"></button>\r\n </ng-container>\r\n\r\n <ng-container *queryRemoveButton=\"let rule; let removeRule=removeRule\">\r\n <w-button class=\"\" label=\"\" size=\"small\" type=\"tertiary\" icon=\"pi pi-times\" (onClick)=\"removeRule(rule)\"></w-button>\r\n </ng-container>\r\n\r\n <ng-container *querySwitchGroup=\"let ruleset; let onChange=onChange\">\r\n @if (ruleset) {\r\n <div class=\"w-filter-panel-switch-group-padding q-inline-block-display inline-flex\">\r\n @if (filterPanelObject.allowLogicalRule) {\r\n <w-select-button [stateOptions]=\"[{label: 'And', value: 'and'}, {label: 'Or', value: 'or'}]\"\r\n [(ngModel)]=\"ruleset.condition\"\r\n [size]=\"'small'\"\r\n (value)=\"ruleset.condition = $event\">\r\n </w-select-button>\r\n }\r\n </div>\r\n }\r\n </ng-container>\r\n\r\n <ng-container *queryEntity=\"let rule; let entities=entities; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width\" [ngClass]=\"{'w-no-entity-mode' : !filterPanelObject.enityMode}\">\r\n @if (filterPanelObject.enityMode) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"entities\" [(ngModel)]=\"rule.entity\" (ngModelChange)=\"onChange($event, rule)\" optionLabel=\"name\" optionValue=\"value\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryField=\"let rule; let fields=fields; let onChange=onChange; let getFields = getFields\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field class=\"field-gap\" [options]=\"getFields(rule.entity)\" [(ngModel)]=\"rule.field\" [operator]=\"'='\" (ngModelChange)=\"onChange($event, rule)\" [required]=\"true\" [onlyDropdown]=\"true\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryOperator=\"let rule; let operators=operators; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-operators q-inline-block-display\" [ngClass]=\"{'w-field-nullable' : operators.includes('nullable')}\">\r\n @if (!operators.includes('nullable')) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"operators\" [(ngModel)]=\"rule.operator\" [placeholder]=\"'-'\" [showClear]=\"false\" (ngModelChange)=\"onChange(rule)\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Boolean.toString(); let onChange=onChange\">\r\n <w-toggle-button class=\"field-gap toggle-button-align\" size=\"small\" [(ngModel)]=\"rule.value\" onLabel=\"True\" offLabel=\"False\" (ngModelChange)=\"onChange()\"></w-toggle-button>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Datetime.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-calendar class=\"field-gap\" appendTo=\"body\" size=\"small\" [dataType]=\"isToKeepLocalDate(rule.field) ? 'date' : 'string'\" [showIcon]=\"false\" [(ngModel)]=\"rule.value\" (onChange)=\"onChange()\" [showTime]=\"true\" [showSeconds]=\"true\" [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\" [placeholder]=\"translationsObject.fieldsPlaceholders.datetime\" [displayInlineBlock]=\"true\" [showLabel]=\"false\"></w-edit-calendar>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Decimal.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number class=\"field-gap w-edit-input-number-small w-edit-input-number-small-height\" [(ngModel)]=\"rule.value\" mode=\"decimal\" [minFractionDigits]=\"2\" [maxFractionDigits]=\"5\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.decimal\" [showLabel]=\"false\"></w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display field-gap\">\r\n <w-list-field [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Number.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.number\" [min]=\"0\" [useGrouping]=\"false\" [showLabel]=\"false\"> </w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Text.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-text [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.text\" [showLabel]=\"false\"></w-edit-input-text>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Multiselect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-multiselect [appendTo]=\"'self'\" [options]=\"options\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" optionLabel=\"name\" optionValue=\"value\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\" [showLabel]=\"false\" [required]=\"true\"></w-edit-multiselect>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Address.toString(); let onChange=onChange\">\r\n <w-address-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [segmentationApiUrl]=\"segmentationApiUrl\" [segmentationApiToken]=\"segmentationToken\" [selectPlaceholder]=\"translationsObject.fieldsPlaceholders.list\"></w-address-field>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.NullableSelect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display w-entity-nullable\">\r\n <w-list-field [onlyDropdown]=\"true\" operator=\"=\" [options]=\"getNullableSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.BooleanSelect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [onlyDropdown]=\"true\" operator=\"=\" [options]=\"getBooleanSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TranslatedSelect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [options]=\"getTranslatedSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TreeList.toString(); let onChange=onChange\">\r\n <w-tree-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [field]=\"rule.field\" [operator]=\"rule.operator\" [productApiUrl]=\"productApiUrl\" [productApiToken]=\"commonDataToken\" [selectPlaceholder]=\"translationsObject.fieldsPlaceholders.list\"></w-tree-field>\r\n </ng-container>\r\n </query-builder>\r\n\r\n @if (isAdvancedSearch && advancedQuery.rules.length==0) {\r\n <ng-container *ngTemplateOutlet=\"noQueryData\"></ng-container>\r\n }\r\n\r\n <!-- Grouped filter -->\r\n @if (filterPanelObject.allowGrouped) {\r\n <div>\r\n <div class=\"py-5\">\r\n <w-view-card-title-text [cardTitle]=\"translationsObject.groupedFilterTitle\"></w-view-card-title-text>\r\n </div>\r\n @if (groupedQuery.rules.length > 0) {\r\n <query-builder class=\"w-filter-panel-grouped query-builder-style\" [formControl]='groupedQueryCtrl' [config]='advancedQueryConfig' [allowRuleset]='filterPanelObject.allowRuleSet' [allowCollapse]='filterPanelObject.allowColapse' [allowRuleset]=\"filterPanelObject.allowRuleSet\" [persistValueOnFieldChange]='persistValueOnFieldChange'>\r\n <ng-container *queryButtonGroup=\"let ruleset; let addRule=addRule; let addRuleSet=addRuleSet; let removeRuleSet=removeRuleSet\">\r\n <div class=\"flex gap-3\">\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleButtonLabel\" type=\"secondary\" size=\"small\" (onClick)=\"addRule()\"></w-button>\r\n @if (addRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleSetButtonLabel\" type=\"secondary\" icon=\"pi pi-plus\" size=\"small\" (onClick)=\"addRuleSet()\"></w-button>\r\n }\r\n @if (removeRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.removeRuleSetButtonLabel\" type=\"tertiary\" icon=\"pi pi-minus\" size=\"small\" (onClick)=\"removeRuleSet()\"></w-button>\r\n }\r\n </div>\r\n </ng-container>\r\n <ng-container *queryArrowIcon>\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-angle-right\" class=\"p-button-rounded p-button-text\"></button>\r\n </ng-container>\r\n <ng-container *queryRemoveButton=\"let rule; let removeRule=removeRule\">\r\n <w-button class=\"\" label=\"\" size=\"small\" type=\"tertiary\" icon=\"pi pi-times\" (onClick)=\"removeRule(rule)\"></w-button>\r\n </ng-container>\r\n <ng-container *querySwitchGroup=\"let ruleset; let onChange=onChange\">\r\n @if (ruleset) {\r\n <div class=\"w-filter-panel-switch-group-padding q-inline-block-display inline-flex\">\r\n @if (filterPanelObject.allowLogicalRule) {\r\n <w-select-button [stateOptions]=\"[{label: 'And', value: 'and'}, {label: 'Or', value: 'or'}]\"\r\n [(ngModel)]=\"ruleset.condition\"\r\n [size]=\"'small'\"\r\n (value)=\"ruleset.condition = $event\">\r\n </w-select-button>\r\n }\r\n </div>\r\n }\r\n </ng-container>\r\n <ng-container *queryEntity=\"let rule; let entities=entities; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width\" [ngClass]=\"{'w-no-entity-mode' : !filterPanelObject.enityMode}\">\r\n @if (filterPanelObject.enityMode) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"entities\" [(ngModel)]=\"rule.entity\" (ngModelChange)=\"onChange($event, rule)\" optionLabel=\"name\" optionValue=\"value\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n <ng-container *queryField=\"let rule; let fields=fields; let onChange=onChange; let getFields = getFields\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field class=\"field-gap\" [options]=\"getFields(rule.entity)\" [(ngModel)]=\"rule.field\" [operator]=\"'='\" (ngModelChange)=\"onChange($event, rule)\" [required]=\"true\" [onlyDropdown]=\"true\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryOperator=\"let rule; let operators=operators; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-operators q-inline-block-display\" [ngClass]=\"{'w-field-nullable' : operators.includes('nullable')}\">\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"operators\" [(ngModel)]=\"rule.operator\" [placeholder]=\"'-'\" [showClear]=\"false\" (ngModelChange)=\"onChange(rule)\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Boolean.toString(); let onChange=onChange\">\r\n <w-toggle-button class=\"field-gap toggle-button-align\" size=\"small\" [(ngModel)]=\"rule.value\" onLabel=\"True\" offLabel=\"False\" (ngModelChange)=\"onChange()\"></w-toggle-button>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Datetime.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-calendar class=\"field-gap\" appendTo=\"body\" size=\"small\" [dataType]=\"isToKeepLocalDate(rule.field) ? 'date' : 'string'\" [showIcon]=\"false\" [(ngModel)]=\"rule.value\" (onChange)=\"onChange()\" [showTime]=\"true\" [showSeconds]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.datetime\" [displayInlineBlock]=\"true\"></w-edit-calendar>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Decimal.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number class=\"field-gap w-edit-input-number-small w-edit-input-number-small-height\" [(ngModel)]=\"rule.value\" mode=\"decimal\" [minFractionDigits]=\"2\" [maxFractionDigits]=\"5\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.decimal\" [showLabel]=\"false\"></w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Number.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.number\" [min]=\"0\" [useGrouping]=\"false\" [showLabel]=\"false\"> </w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Text.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width\">\r\n <w-edit-input-text [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.text\" [showLabel]=\"false\"></w-edit-input-text>\r\n </span>\r\n </ng-container>\r\n </query-builder>\r\n }\r\n @if (isAdvancedSearch && groupedQuery.rules.length==0) {\r\n <ng-container *ngTemplateOutlet=\"noQueryData\"></ng-container>\r\n }\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #noQueryData>\r\n <div class=\"flex justify-content-center flex-wrap card-container surface-50\">\r\n <div class=\"flex align-items-center justify-content-center w-full h-4rem text-gray-900 border-round m-2\">\r\n {{translationsObject.noRulesLabel}}\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,::ng-deep .w-edit-input-number-small .p-inputtext:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,::ng-deep .w-edit-input-number-small .p-inputtext:hover{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,::ng-deep .w-edit-input-number-small .p-inputtext:disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.grid{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem;margin-top:-.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width:576px){.sm\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width:768px){.md\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\\:col-fixed{flex:0 0 auto;padding:.5rem}.md\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width:992px){.lg\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width:1200px){.xl\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0!important}.col-offset-1{margin-left:8.3333%!important}.col-offset-2{margin-left:16.6667%!important}.col-offset-3{margin-left:25%!important}.col-offset-4{margin-left:33.3333%!important}.col-offset-5{margin-left:41.6667%!important}.col-offset-6{margin-left:50%!important}.col-offset-7{margin-left:58.3333%!important}.col-offset-8{margin-left:66.6667%!important}.col-offset-9{margin-left:75%!important}.col-offset-10{margin-left:83.3333%!important}.col-offset-11{margin-left:91.6667%!important}.col-offset-12{margin-left:100%!important}@media screen and (min-width:576px){.sm\\:col-offset-0{margin-left:0!important}.sm\\:col-offset-1{margin-left:8.3333%!important}.sm\\:col-offset-2{margin-left:16.6667%!important}.sm\\:col-offset-3{margin-left:25%!important}.sm\\:col-offset-4{margin-left:33.3333%!important}.sm\\:col-offset-5{margin-left:41.6667%!important}.sm\\:col-offset-6{margin-left:50%!important}.sm\\:col-offset-7{margin-left:58.3333%!important}.sm\\:col-offset-8{margin-left:66.6667%!important}.sm\\:col-offset-9{margin-left:75%!important}.sm\\:col-offset-10{margin-left:83.3333%!important}.sm\\:col-offset-11{margin-left:91.6667%!important}.sm\\:col-offset-12{margin-left:100%!important}}@media screen and (min-width:768px){.md\\:col-offset-0{margin-left:0!important}.md\\:col-offset-1{margin-left:8.3333%!important}.md\\:col-offset-2{margin-left:16.6667%!important}.md\\:col-offset-3{margin-left:25%!important}.md\\:col-offset-4{margin-left:33.3333%!important}.md\\:col-offset-5{margin-left:41.6667%!important}.md\\:col-offset-6{margin-left:50%!important}.md\\:col-offset-7{margin-left:58.3333%!important}.md\\:col-offset-8{margin-left:66.6667%!important}.md\\:col-offset-9{margin-left:75%!important}.md\\:col-offset-10{margin-left:83.3333%!important}.md\\:col-offset-11{margin-left:91.6667%!important}.md\\:col-offset-12{margin-left:100%!important}}@media screen and (min-width:992px){.lg\\:col-offset-0{margin-left:0!important}.lg\\:col-offset-1{margin-left:8.3333%!important}.lg\\:col-offset-2{margin-left:16.6667%!important}.lg\\:col-offset-3{margin-left:25%!important}.lg\\:col-offset-4{margin-left:33.3333%!important}.lg\\:col-offset-5{margin-left:41.6667%!important}.lg\\:col-offset-6{margin-left:50%!important}.lg\\:col-offset-7{margin-left:58.3333%!important}.lg\\:col-offset-8{margin-left:66.6667%!important}.lg\\:col-offset-9{margin-left:75%!important}.lg\\:col-offset-10{margin-left:83.3333%!important}.lg\\:col-offset-11{margin-left:91.6667%!important}.lg\\:col-offset-12{margin-left:100%!important}}@media screen and (min-width:1200px){.xl\\:col-offset-0{margin-left:0!important}.xl\\:col-offset-1{margin-left:8.3333%!important}.xl\\:col-offset-2{margin-left:16.6667%!important}.xl\\:col-offset-3{margin-left:25%!important}.xl\\:col-offset-4{margin-left:33.3333%!important}.xl\\:col-offset-5{margin-left:41.6667%!important}.xl\\:col-offset-6{margin-left:50%!important}.xl\\:col-offset-7{margin-left:58.3333%!important}.xl\\:col-offset-8{margin-left:66.6667%!important}.xl\\:col-offset-9{margin-left:75%!important}.xl\\:col-offset-10{margin-left:83.3333%!important}.xl\\:col-offset-11{margin-left:91.6667%!important}.xl\\:col-offset-12{margin-left:100%!important}}.text-0{color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.text-50{color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.text-100{color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.text-200{color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.text-300{color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.text-400{color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.text-500{color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.text-600{color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.text-700{color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.text-800{color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.text-900{color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.focus\\:text-0:focus{color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:text-0:hover,.active\\:text-0:active{color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:text-50:focus{color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.hover\\:text-50:hover,.active\\:text-50:active{color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.focus\\:text-100:focus{color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.hover\\:text-100:hover,.active\\:text-100:active{color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.focus\\:text-200:focus{color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.hover\\:text-200:hover,.active\\:text-200:active{color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.focus\\:text-300:focus{color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.hover\\:text-300:hover,.active\\:text-300:active{color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.focus\\:text-400:focus{color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.hover\\:text-400:hover,.active\\:text-400:active{color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.focus\\:text-500:focus{color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.hover\\:text-500:hover,.active\\:text-500:active{color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.focus\\:text-600:focus{color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.hover\\:text-600:hover,.active\\:text-600:active{color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.focus\\:text-700:focus{color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.hover\\:text-700:hover,.active\\:text-700:active{color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.focus\\:text-800:focus{color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.hover\\:text-800:hover,.active\\:text-800:active{color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.focus\\:text-900:focus{color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.hover\\:text-900:hover,.active\\:text-900:active{color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.surface-0{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.surface-50{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.surface-100{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.surface-200{background-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.surface-300{background-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.surface-400{background-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.surface-500{background-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.surface-600{background-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.surface-700{background-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.surface-800{background-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.surface-900{background-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.focus\\:surface-0:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:surface-0:hover,.active\\:surface-0:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:surface-50:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.hover\\:surface-50:hover,.active\\:surface-50:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.focus\\:surface-100:focus{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.hover\\:surface-100:hover,.active\\:surface-100:active{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.focus\\:surface-200:focus{background-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.hover\\:surface-200:hover,.active\\:surface-200:active{background-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.focus\\:surface-300:focus{background-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.hover\\:surface-300:hover,.active\\:surface-300:active{background-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.focus\\:surface-400:focus{background-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.hover\\:surface-400:hover,.active\\:surface-400:active{background-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.focus\\:surface-500:focus{background-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.hover\\:surface-500:hover,.active\\:surface-500:active{background-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.focus\\:surface-600:focus{background-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.hover\\:surface-600:hover,.active\\:surface-600:active{background-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.focus\\:surface-700:focus{background-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.hover\\:surface-700:hover,.active\\:surface-700:active{background-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.focus\\:surface-800:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.hover\\:surface-800:hover,.active\\:surface-800:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.focus\\:surface-900:focus{background-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.hover\\:surface-900:hover,.active\\:surface-900:active{background-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.border-0{border-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.border-50{border-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.border-100{border-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.border-200{border-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.border-300{border-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.border-400{border-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.border-500{border-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.border-600{border-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.border-700{border-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.border-800{border-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.border-900{border-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.focus\\:border-0:focus{border-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:border-0:hover,.active\\:border-0:active{border-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:border-50:focus{border-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.hover\\:border-50:hover,.active\\:border-50:active{border-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.focus\\:border-100:focus{border-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.hover\\:border-100:hover,.active\\:border-100:active{border-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.focus\\:border-200:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.hover\\:border-200:hover,.active\\:border-200:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.focus\\:border-300:focus{border-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.hover\\:border-300:hover,.active\\:border-300:active{border-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.focus\\:border-400:focus{border-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.hover\\:border-400:hover,.active\\:border-400:active{border-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.focus\\:border-500:focus{border-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.hover\\:border-500:hover,.active\\:border-500:active{border-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.focus\\:border-600:focus{border-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.hover\\:border-600:hover,.active\\:border-600:active{border-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.focus\\:border-700:focus{border-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.hover\\:border-700:hover,.active\\:border-700:active{border-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.focus\\:border-800:focus{border-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.hover\\:border-800:hover,.active\\:border-800:active{border-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.focus\\:border-900:focus{border-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.hover\\:border-900:hover,.active\\:border-900:active{border-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.bg-transparent{background-color:transparent!important}@media screen and (min-width:576px){.sm\\:bg-transparent{background-color:transparent!important}}@media screen and (min-width:768px){.md\\:bg-transparent{background-color:transparent!important}}@media screen and (min-width:992px){.lg\\:bg-transparent{background-color:transparent!important}}@media screen and (min-width:1200px){.xl\\:bg-transparent{background-color:transparent!important}}.border-transparent{border-color:transparent!important}@media screen and (min-width:576px){.sm\\:border-transparent{border-color:transparent!important}}@media screen and (min-width:768px){.md\\:border-transparent{border-color:transparent!important}}@media screen and (min-width:992px){.lg\\:border-transparent{border-color:transparent!important}}@media screen and (min-width:1200px){.xl\\:border-transparent{border-color:transparent!important}}.text-blue-50{color:var(--p-blue-50)!important}.text-blue-100{color:var(--p-blue-100)!important}.text-blue-200{color:var(--p-blue-200)!important}.text-blue-300{color:var(--p-blue-300)!important}.text-blue-400{color:var(--p-blue-400)!important}.text-blue-500{color:var(--p-blue-500)!important}.text-blue-600{color:var(--p-blue-600)!important}.text-blue-700{color:var(--p-blue-700)!important}.text-blue-800{color:var(--p-blue-800)!important}.text-blue-900{color:var(--p-blue-900)!important}.focus\\:text-blue-50:focus{color:var(--p-blue-50)!important}.focus\\:text-blue-100:focus{color:var(--p-blue-100)!important}.focus\\:text-blue-200:focus{color:var(--p-blue-200)!important}.focus\\:text-blue-300:focus{color:var(--p-blue-300)!important}.focus\\:text-blue-400:focus{color:var(--p-blue-400)!important}.focus\\:text-blue-500:focus{color:var(--p-blue-500)!important}.focus\\:text-blue-600:focus{color:var(--p-blue-600)!important}.focus\\:text-blue-700:focus{color:var(--p-blue-700)!important}.focus\\:text-blue-800:focus{color:var(--p-blue-800)!important}.focus\\:text-blue-900:focus{color:var(--p-blue-900)!important}.hover\\:text-blue-50:hover{color:var(--p-blue-50)!important}.hover\\:text-blue-100:hover{color:var(--p-blue-100)!important}.hover\\:text-blue-200:hover{color:var(--p-blue-200)!important}.hover\\:text-blue-300:hover{color:var(--p-blue-300)!important}.hover\\:text-blue-400:hover{color:var(--p-blue-400)!important}.hover\\:text-blue-500:hover{color:var(--p-blue-500)!important}.hover\\:text-blue-600:hover{color:var(--p-blue-600)!important}.hover\\:text-blue-700:hover{color:var(--p-blue-700)!important}.hover\\:text-blue-800:hover{color:var(--p-blue-800)!important}.hover\\:text-blue-900:hover{color:var(--p-blue-900)!important}.active\\:text-blue-50:active{color:var(--p-blue-50)!important}.active\\:text-blue-100:active{color:var(--p-blue-100)!important}.active\\:text-blue-200:active{color:var(--p-blue-200)!important}.active\\:text-blue-300:active{color:var(--p-blue-300)!important}.active\\:text-blue-400:active{color:var(--p-blue-400)!important}.active\\:text-blue-500:active{color:var(--p-blue-500)!important}.active\\:text-blue-600:active{color:var(--p-blue-600)!important}.active\\:text-blue-700:active{color:var(--p-blue-700)!important}.active\\:text-blue-800:active{color:var(--p-blue-800)!important}.active\\:text-blue-900:active{color:var(--p-blue-900)!important}.text-green-50{color:var(--p-green-50)!important}.text-green-100{color:var(--p-green-100)!important}.text-green-200{color:var(--p-green-200)!important}.text-green-300{color:var(--p-green-300)!important}.text-green-400{color:var(--p-green-400)!important}.text-green-500{color:var(--p-green-500)!important}.text-green-600{color:var(--p-green-600)!important}.text-green-700{color:var(--p-green-700)!important}.text-green-800{color:var(--p-green-800)!important}.text-green-900{color:var(--p-green-900)!important}.focus\\:text-green-50:focus{color:var(--p-green-50)!important}.focus\\:text-green-100:focus{color:var(--p-green-100)!important}.focus\\:text-green-200:focus{color:var(--p-green-200)!important}.focus\\:text-green-300:focus{color:var(--p-green-300)!important}.focus\\:text-green-400:focus{color:var(--p-green-400)!important}.focus\\:text-green-500:focus{color:var(--p-green-500)!important}.focus\\:text-green-600:focus{color:var(--p-green-600)!important}.focus\\:text-green-700:focus{color:var(--p-green-700)!important}.focus\\:text-green-800:focus{color:var(--p-green-800)!important}.focus\\:text-green-900:focus{color:var(--p-green-900)!important}.hover\\:text-green-50:hover{color:var(--p-green-50)!important}.hover\\:text-green-100:hover{color:var(--p-green-100)!important}.hover\\:text-green-200:hover{color:var(--p-green-200)!important}.hover\\:text-green-300:hover{color:var(--p-green-300)!important}.hover\\:text-green-400:hover{color:var(--p-green-400)!important}.hover\\:text-green-500:hover{color:var(--p-green-500)!important}.hover\\:text-green-600:hover{color:var(--p-green-600)!important}.hover\\:text-green-700:hover{color:var(--p-green-700)!important}.hover\\:text-green-800:hover{color:var(--p-green-800)!important}.hover\\:text-green-900:hover{color:var(--p-green-900)!important}.active\\:text-green-50:active{color:var(--p-green-50)!important}.active\\:text-green-100:active{color:var(--p-green-100)!important}.active\\:text-green-200:active{color:var(--p-green-200)!important}.active\\:text-green-300:active{color:var(--p-green-300)!important}.active\\:text-green-400:active{color:var(--p-green-400)!important}.active\\:text-green-500:active{color:var(--p-green-500)!important}.active\\:text-green-600:active{color:var(--p-green-600)!important}.active\\:text-green-700:active{color:var(--p-green-700)!important}.active\\:text-green-800:active{color:var(--p-green-800)!important}.active\\:text-green-900:active{color:var(--p-green-900)!important}.text-yellow-50{color:var(--p-yellow-50)!important}.text-yellow-100{color:var(--p-yellow-100)!important}.text-yellow-200{color:var(--p-yellow-200)!important}.text-yellow-300{color:var(--p-yellow-300)!important}.text-yellow-400{color:var(--p-yellow-400)!important}.text-yellow-500{color:var(--p-yellow-500)!important}.text-yellow-600{color:var(--p-yellow-600)!important}.text-yellow-700{color:var(--p-yellow-700)!important}.text-yellow-800{color:var(--p-yellow-800)!important}.text-yellow-900{color:var(--p-yellow-900)!important}.focus\\:text-yellow-50:focus{color:var(--p-yellow-50)!important}.focus\\:text-yellow-100:focus{color:var(--p-yellow-100)!important}.focus\\:text-yellow-200:focus{color:var(--p-yellow-200)!important}.focus\\:text-yellow-300:focus{color:var(--p-yellow-300)!important}.focus\\:text-yellow-400:focus{color:var(--p-yellow-400)!important}.focus\\:text-yellow-500:focus{color:var(--p-yellow-500)!important}.focus\\:text-yellow-600:focus{color:var(--p-yellow-600)!important}.focus\\:text-yellow-700:focus{color:var(--p-yellow-700)!important}.focus\\:text-yellow-800:focus{color:var(--p-yellow-800)!important}.focus\\:text-yellow-900:focus{color:var(--p-yellow-900)!important}.hover\\:text-yellow-50:hover{color:var(--p-yellow-50)!important}.hover\\:text-yellow-100:hover{color:var(--p-yellow-100)!important}.hover\\:text-yellow-200:hover{color:var(--p-yellow-200)!important}.hover\\:text-yellow-300:hover{color:var(--p-yellow-300)!important}.hover\\:text-yellow-400:hover{color:var(--p-yellow-400)!important}.hover\\:text-yellow-500:hover{color:var(--p-yellow-500)!important}.hover\\:text-yellow-600:hover{color:var(--p-yellow-600)!important}.hover\\:text-yellow-700:hover{color:var(--p-yellow-700)!important}.hover\\:text-yellow-800:hover{color:var(--p-yellow-800)!important}.hover\\:text-yellow-900:hover{color:var(--p-yellow-900)!important}.active\\:text-yellow-50:active{color:var(--p-yellow-50)!important}.active\\:text-yellow-100:active{color:var(--p-yellow-100)!important}.active\\:text-yellow-200:active{color:var(--p-yellow-200)!important}.active\\:text-yellow-300:active{color:var(--p-yellow-300)!important}.active\\:text-yellow-400:active{color:var(--p-yellow-400)!important}.active\\:text-yellow-500:active{color:var(--p-yellow-500)!important}.active\\:text-yellow-600:active{color:var(--p-yellow-600)!important}.active\\:text-yellow-700:active{color:var(--p-yellow-700)!important}.active\\:text-yellow-800:active{color:var(--p-yellow-800)!important}.active\\:text-yellow-900:active{color:var(--p-yellow-900)!important}.text-cyan-50{color:var(--p-cyan-50)!important}.text-cyan-100{color:var(--p-cyan-100)!important}.text-cyan-200{color:var(--p-cyan-200)!important}.text-cyan-300{color:var(--p-cyan-300)!important}.text-cyan-400{color:var(--p-cyan-400)!important}.text-cyan-500{color:var(--p-cyan-500)!important}.text-cyan-600{color:var(--p-cyan-600)!important}.text-cyan-700{color:var(--p-cyan-700)!important}.text-cyan-800{color:var(--p-cyan-800)!important}.text-cyan-900{color:var(--p-cyan-900)!important}.focus\\:text-cyan-50:focus{color:var(--p-cyan-50)!important}.focus\\:text-cyan-100:focus{color:var(--p-cyan-100)!important}.focus\\:text-cyan-200:focus{color:var(--p-cyan-200)!important}.focus\\:text-cyan-300:focus{color:var(--p-cyan-300)!important}.focus\\:text-cyan-400:focus{color:var(--p-cyan-400)!important}.focus\\:text-cyan-500:focus{color:var(--p-cyan-500)!important}.focus\\:text-cyan-600:focus{color:var(--p-cyan-600)!important}.focus\\:text-cyan-700:focus{color:var(--p-cyan-700)!important}.focus\\:text-cyan-800:focus{color:var(--p-cyan-800)!important}.focus\\:text-cyan-900:focus{color:var(--p-cyan-900)!important}.hover\\:text-cyan-50:hover{color:var(--p-cyan-50)!important}.hover\\:text-cyan-100:hover{color:var(--p-cyan-100)!important}.hover\\:text-cyan-200:hover{color:var(--p-cyan-200)!important}.hover\\:text-cyan-300:hover{color:var(--p-cyan-300)!important}.hover\\:text-cyan-400:hover{color:var(--p-cyan-400)!important}.hover\\:text-cyan-500:hover{color:var(--p-cyan-500)!important}.hover\\:text-cyan-600:hover{color:var(--p-cyan-600)!important}.hover\\:text-cyan-700:hover{color:var(--p-cyan-700)!important}.hover\\:text-cyan-800:hover{color:var(--p-cyan-800)!important}.hover\\:text-cyan-900:hover{color:var(--p-cyan-900)!important}.active\\:text-cyan-50:active{color:var(--p-cyan-50)!important}.active\\:text-cyan-100:active{color:var(--p-cyan-100)!important}.active\\:text-cyan-200:active{color:var(--p-cyan-200)!important}.active\\:text-cyan-300:active{color:var(--p-cyan-300)!important}.active\\:text-cyan-400:active{color:var(--p-cyan-400)!important}.active\\:text-cyan-500:active{color:var(--p-cyan-500)!important}.active\\:text-cyan-600:active{color:var(--p-cyan-600)!important}.active\\:text-cyan-700:active{color:var(--p-cyan-700)!important}.active\\:text-cyan-800:active{color:var(--p-cyan-800)!important}.active\\:text-cyan-900:active{color:var(--p-cyan-900)!important}.text-pink-50{color:var(--p-pink-50)!important}.text-pink-100{color:var(--p-pink-100)!important}.text-pink-200{color:var(--p-pink-200)!important}.text-pink-300{color:var(--p-pink-300)!important}.text-pink-400{color:var(--p-pink-400)!important}.text-pink-500{color:var(--p-pink-500)!important}.text-pink-600{color:var(--p-pink-600)!important}.text-pink-700{color:var(--p-pink-700)!important}.text-pink-800{color:var(--p-pink-800)!important}.text-pink-900{color:var(--p-pink-900)!important}.focus\\:text-pink-50:focus{color:var(--p-pink-50)!important}.focus\\:text-pink-100:focus{color:var(--p-pink-100)!important}.focus\\:text-pink-200:focus{color:var(--p-pink-200)!important}.focus\\:text-pink-300:focus{color:var(--p-pink-300)!important}.focus\\:text-pink-400:focus{color:var(--p-pink-400)!important}.focus\\:text-pink-500:focus{color:var(--p-pink-500)!important}.focus\\:text-pink-600:focus{color:var(--p-pink-600)!important}.focus\\:text-pink-700:focus{color:var(--p-pink-700)!important}.focus\\:text-pink-800:focus{color:var(--p-pink-800)!important}.focus\\:text-pink-900:focus{color:var(--p-pink-900)!important}.hover\\:text-pink-50:hover{color:var(--p-pink-50)!important}.hover\\:text-pink-100:hover{color:var(--p-pink-100)!important}.hover\\:text-pink-200:hover{color:var(--p-pink-200)!important}.hover\\:text-pink-300:hover{color:var(--p-pink-300)!important}.hover\\:text-pink-400:hover{color:var(--p-pink-400)!important}.hover\\:text-pink-500:hover{color:var(--p-pink-500)!important}.hover\\:text-pink-600:hover{color:var(--p-pink-600)!important}.hover\\:text-pink-700:hover{color:var(--p-pink-700)!important}.hover\\:text-pink-800:hover{color:var(--p-pink-800)!important}.hover\\:text-pink-900:hover{color:var(--p-pink-900)!important}.active\\:text-pink-50:active{color:var(--p-pink-50)!important}.active\\:text-pink-100:active{color:var(--p-pink-100)!important}.active\\:text-pink-200:active{color:var(--p-pink-200)!important}.active\\:text-pink-300:active{color:var(--p-pink-300)!important}.active\\:text-pink-400:active{color:var(--p-pink-400)!important}.active\\:text-pink-500:active{color:var(--p-pink-500)!important}.active\\:text-pink-600:active{color:var(--p-pink-600)!important}.active\\:text-pink-700:active{color:var(--p-pink-700)!important}.active\\:text-pink-800:active{color:var(--p-pink-800)!important}.active\\:text-pink-900:active{color:var(--p-pink-900)!important}.text-indigo-50{color:var(--p-indigo-50)!important}.text-indigo-100{color:var(--p-indigo-100)!important}.text-indigo-200{color:var(--p-indigo-200)!important}.text-indigo-300{color:var(--p-indigo-300)!important}.text-indigo-400{color:var(--p-indigo-400)!important}.text-indigo-500{color:var(--p-indigo-500)!important}.text-indigo-600{color:var(--p-indigo-600)!important}.text-indigo-700{color:var(--p-indigo-700)!important}.text-indigo-800{color:var(--p-indigo-800)!important}.text-indigo-900{color:var(--p-indigo-900)!important}.focus\\:text-indigo-50:focus{color:var(--p-indigo-50)!important}.focus\\:text-indigo-100:focus{color:var(--p-indigo-100)!important}.focus\\:text-indigo-200:focus{color:var(--p-indigo-200)!important}.focus\\:text-indigo-300:focus{color:var(--p-indigo-300)!important}.focus\\:text-indigo-400:focus{color:var(--p-indigo-400)!important}.focus\\:text-indigo-500:focus{color:var(--p-indigo-500)!important}.focus\\:text-indigo-600:focus{color:var(--p-indigo-600)!important}.focus\\:text-indigo-700:focus{color:var(--p-indigo-700)!important}.focus\\:text-indigo-800:focus{color:var(--p-indigo-800)!important}.focus\\:text-indigo-900:focus{color:var(--p-indigo-900)!important}.hover\\:text-indigo-50:hover{color:var(--p-indigo-50)!important}.hover\\:text-indigo-100:hover{color:var(--p-indigo-100)!important}.hover\\:text-indigo-200:hover{color:var(--p-indigo-200)!important}.hover\\:text-indigo-300:hover{color:var(--p-indigo-300)!important}.hover\\:text-indigo-400:hover{color:var(--p-indigo-400)!important}.hover\\:text-indigo-500:hover{color:var(--p-indigo-500)!important}.hover\\:text-indigo-600:hover{color:var(--p-indigo-600)!important}.hover\\:text-indigo-700:hover{color:var(--p-indigo-700)!important}.hover\\:text-indigo-800:hover{color:var(--p-indigo-800)!important}.hover\\:text-indigo-900:hover{color:var(--p-indigo-900)!important}.active\\:text-indigo-50:active{color:var(--p-indigo-50)!important}.active\\:text-indigo-100:active{color:var(--p-indigo-100)!important}.active\\:text-indigo-200:active{color:var(--p-indigo-200)!important}.active\\:text-indigo-300:active{color:var(--p-indigo-300)!important}.active\\:text-indigo-400:active{color:var(--p-indigo-400)!important}.active\\:text-indigo-500:active{color:var(--p-indigo-500)!important}.active\\:text-indigo-600:active{color:var(--p-indigo-600)!important}.active\\:text-indigo-700:active{color:var(--p-indigo-700)!important}.active\\:text-indigo-800:active{color:var(--p-indigo-800)!important}.active\\:text-indigo-900:active{color:var(--p-indigo-900)!important}.text-teal-50{color:var(--p-teal-50)!important}.text-teal-100{color:var(--p-teal-100)!important}.text-teal-200{color:var(--p-teal-200)!important}.text-teal-300{color:var(--p-teal-300)!important}.text-teal-400{color:var(--p-teal-400)!important}.text-teal-500{color:var(--p-teal-500)!important}.text-teal-600{color:var(--p-teal-600)!important}.text-teal-700{color:var(--p-teal-700)!important}.text-teal-800{color:var(--p-teal-800)!important}.text-teal-900{color:var(--p-teal-900)!important}.focus\\:text-teal-50:focus{color:var(--p-teal-50)!important}.focus\\:text-teal-100:focus{color:var(--p-teal-100)!important}.focus\\:text-teal-200:focus{color:var(--p-teal-200)!important}.focus\\:text-teal-300:focus{color:var(--p-teal-300)!important}.focus\\:text-teal-400:focus{color:var(--p-teal-400)!important}.focus\\:text-teal-500:focus{color:var(--p-teal-500)!important}.focus\\:text-teal-600:focus{color:var(--p-teal-600)!important}.focus\\:text-teal-700:focus{color:var(--p-teal-700)!important}.focus\\:text-teal-800:focus{color:var(--p-teal-800)!important}.focus\\:text-teal-900:focus{color:var(--p-teal-900)!important}.hover\\:text-teal-50:hover{color:var(--p-teal-50)!important}.hover\\:text-teal-100:hover{color:var(--p-teal-100)!important}.hover\\:text-teal-200:hover{color:var(--p-teal-200)!important}.hover\\:text-teal-300:hover{color:var(--p-teal-300)!important}.hover\\:text-teal-400:hover{color:var(--p-teal-400)!important}.hover\\:text-teal-500:hover{color:var(--p-teal-500)!important}.hover\\:text-teal-600:hover{color:var(--p-teal-600)!important}.hover\\:text-teal-700:hover{color:var(--p-teal-700)!important}.hover\\:text-teal-800:hover{color:var(--p-teal-800)!important}.hover\\:text-teal-900:hover{color:var(--p-teal-900)!important}.active\\:text-teal-50:active{color:var(--p-teal-50)!important}.active\\:text-teal-100:active{color:var(--p-teal-100)!important}.active\\:text-teal-200:active{color:var(--p-teal-200)!important}.active\\:text-teal-300:active{color:var(--p-teal-300)!important}.active\\:text-teal-400:active{color:var(--p-teal-400)!important}.active\\:text-teal-500:active{color:var(--p-teal-500)!important}.active\\:text-teal-600:active{color:var(--p-teal-600)!important}.active\\:text-teal-700:active{color:var(--p-teal-700)!important}.active\\:text-teal-800:active{color:var(--p-teal-800)!important}.active\\:text-teal-900:active{color:var(--p-teal-900)!important}.text-orange-50{color:var(--p-orange-50)!important}.text-orange-100{color:var(--p-orange-100)!important}.text-orange-200{color:var(--p-orange-200)!important}.text-orange-300{color:var(--p-orange-300)!important}.text-orange-400{color:var(--p-orange-400)!important}.text-orange-500{color:var(--p-orange-500)!important}.text-orange-600{color:var(--p-orange-600)!important}.text-orange-700{color:var(--p-orange-700)!important}.text-orange-800{color:var(--p-orange-800)!important}.text-orange-900{color:var(--p-orange-900)!important}.focus\\:text-orange-50:focus{color:var(--p-orange-50)!important}.focus\\:text-orange-100:focus{color:var(--p-orange-100)!important}.focus\\:text-orange-200:focus{color:var(--p-orange-200)!important}.focus\\:text-orange-300:focus{color:var(--p-orange-300)!important}.focus\\:text-orange-400:focus{color:var(--p-orange-400)!important}.focus\\:text-orange-500:focus{color:var(--p-orange-500)!important}.focus\\:text-orange-600:focus{color:var(--p-orange-600)!important}.focus\\:text-orange-700:focus{color:var(--p-orange-700)!important}.focus\\:text-orange-800:focus{color:var(--p-orange-800)!important}.focus\\:text-orange-900:focus{color:var(--p-orange-900)!important}.hover\\:text-orange-50:hover{color:var(--p-orange-50)!important}.hover\\:text-orange-100:hover{color:var(--p-orange-100)!important}.hover\\:text-orange-200:hover{color:var(--p-orange-200)!important}.hover\\:text-orange-300:hover{color:var(--p-orange-300)!important}.hover\\:text-orange-400:hover{color:var(--p-orange-400)!important}.hover\\:text-orange-500:hover{color:var(--p-orange-500)!important}.hover\\:text-orange-600:hover{color:var(--p-orange-600)!important}.hover\\:text-orange-700:hover{color:var(--p-orange-700)!important}.hover\\:text-orange-800:hover{color:var(--p-orange-800)!important}.hover\\:text-orange-900:hover{color:var(--p-orange-900)!important}.active\\:text-orange-50:active{color:var(--p-orange-50)!important}.active\\:text-orange-100:active{color:var(--p-orange-100)!important}.active\\:text-orange-200:active{color:var(--p-orange-200)!important}.active\\:text-orange-300:active{color:var(--p-orange-300)!important}.active\\:text-orange-400:active{color:var(--p-orange-400)!important}.active\\:text-orange-500:active{color:var(--p-orange-500)!important}.active\\:text-orange-600:active{color:var(--p-orange-600)!important}.active\\:text-orange-700:active{color:var(--p-orange-700)!important}.active\\:text-orange-800:active{color:var(--p-orange-800)!important}.active\\:text-orange-900:active{color:var(--p-orange-900)!important}.text-bluegray-50{color:var(--p-bluegray-50)!important}.text-bluegray-100{color:var(--p-bluegray-100)!important}.text-bluegray-200{color:var(--p-bluegray-200)!important}.text-bluegray-300{color:var(--p-bluegray-300)!important}.text-bluegray-400{color:var(--p-bluegray-400)!important}.text-bluegray-500{color:var(--p-bluegray-500)!important}.text-bluegray-600{color:var(--p-bluegray-600)!important}.text-bluegray-700{color:var(--p-bluegray-700)!important}.text-bluegray-800{color:var(--p-bluegray-800)!important}.text-bluegray-900{color:var(--p-bluegray-900)!important}.focus\\:text-bluegray-50:focus{color:var(--p-bluegray-50)!important}.focus\\:text-bluegray-100:focus{color:var(--p-bluegray-100)!important}.focus\\:text-bluegray-200:focus{color:var(--p-bluegray-200)!important}.focus\\:text-bluegray-300:focus{color:var(--p-bluegray-300)!important}.focus\\:text-bluegray-400:focus{color:var(--p-bluegray-400)!important}.focus\\:text-bluegray-500:focus{color:var(--p-bluegray-500)!important}.focus\\:text-bluegray-600:focus{color:var(--p-bluegray-600)!important}.focus\\:text-bluegray-700:focus{color:var(--p-bluegray-700)!important}.focus\\:text-bluegray-800:focus{color:var(--p-bluegray-800)!important}.focus\\:text-bluegray-900:focus{color:var(--p-bluegray-900)!important}.hover\\:text-bluegray-50:hover{color:var(--p-bluegray-50)!important}.hover\\:text-bluegray-100:hover{color:var(--p-bluegray-100)!important}.hover\\:text-bluegray-200:hover{color:var(--p-bluegray-200)!important}.hover\\:text-bluegray-300:hover{color:var(--p-bluegray-300)!important}.hover\\:text-bluegray-400:hover{color:var(--p-bluegray-400)!important}.hover\\:text-bluegray-500:hover{color:var(--p-bluegray-500)!important}.hover\\:text-bluegray-600:hover{color:var(--p-bluegray-600)!important}.hover\\:text-bluegray-700:hover{color:var(--p-bluegray-700)!important}.hover\\:text-bluegray-800:hover{color:var(--p-bluegray-800)!important}.hover\\:text-bluegray-900:hover{color:var(--p-bluegray-900)!important}.active\\:text-bluegray-50:active{color:var(--p-bluegray-50)!important}.active\\:text-bluegray-100:active{color:var(--p-bluegray-100)!important}.active\\:text-bluegray-200:active{color:var(--p-bluegray-200)!important}.active\\:text-bluegray-300:active{color:var(--p-bluegray-300)!important}.active\\:text-bluegray-400:active{color:var(--p-bluegray-400)!important}.active\\:text-bluegray-500:active{color:var(--p-bluegray-500)!important}.active\\:text-bluegray-600:active{color:var(--p-bluegray-600)!important}.active\\:text-bluegray-700:active{color:var(--p-bluegray-700)!important}.active\\:text-bluegray-800:active{color:var(--p-bluegray-800)!important}.active\\:text-bluegray-900:active{color:var(--p-bluegray-900)!important}.text-purple-50{color:var(--p-purple-50)!important}.text-purple-100{color:var(--p-purple-100)!important}.text-purple-200{color:var(--p-purple-200)!important}.text-purple-300{color:var(--p-purple-300)!important}.text-purple-400{color:var(--p-purple-400)!important}.text-purple-500{color:var(--p-purple-500)!important}.text-purple-600{color:var(--p-purple-600)!important}.text-purple-700{color:var(--p-purple-700)!important}.text-purple-800{color:var(--p-purple-800)!important}.text-purple-900{color:var(--p-purple-900)!important}.focus\\:text-purple-50:focus{color:var(--p-purple-50)!important}.focus\\:text-purple-100:focus{color:var(--p-purple-100)!important}.focus\\:text-purple-200:focus{color:var(--p-purple-200)!important}.focus\\:text-purple-300:focus{color:var(--p-purple-300)!important}.focus\\:text-purple-400:focus{color:var(--p-purple-400)!important}.focus\\:text-purple-500:focus{color:var(--p-purple-500)!important}.focus\\:text-purple-600:focus{color:var(--p-purple-600)!important}.focus\\:text-purple-700:focus{color:var(--p-purple-700)!important}.focus\\:text-purple-800:focus{color:var(--p-purple-800)!important}.focus\\:text-purple-900:focus{color:var(--p-purple-900)!important}.hover\\:text-purple-50:hover{color:var(--p-purple-50)!important}.hover\\:text-purple-100:hover{color:var(--p-purple-100)!important}.hover\\:text-purple-200:hover{color:var(--p-purple-200)!important}.hover\\:text-purple-300:hover{color:var(--p-purple-300)!important}.hover\\:text-purple-400:hover{color:var(--p-purple-400)!important}.hover\\:text-purple-500:hover{color:var(--p-purple-500)!important}.hover\\:text-purple-600:hover{color:var(--p-purple-600)!important}.hover\\:text-purple-700:hover{color:var(--p-purple-700)!important}.hover\\:text-purple-800:hover{color:var(--p-purple-800)!important}.hover\\:text-purple-900:hover{color:var(--p-purple-900)!important}.active\\:text-purple-50:active{color:var(--p-purple-50)!important}.active\\:text-purple-100:active{color:var(--p-purple-100)!important}.active\\:text-purple-200:active{color:var(--p-purple-200)!important}.active\\:text-purple-300:active{color:var(--p-purple-300)!important}.active\\:text-purple-400:active{color:var(--p-purple-400)!important}.active\\:text-purple-500:active{color:var(--p-purple-500)!important}.active\\:text-purple-600:active{color:var(--p-purple-600)!important}.active\\:text-purple-700:active{color:var(--p-purple-700)!important}.active\\:text-purple-800:active{color:var(--p-purple-800)!important}.active\\:text-purple-900:active{color:var(--p-purple-900)!important}.text-gray-50{color:var(--p-gray-50)!important}.text-gray-100{color:var(--p-gray-100)!important}.text-gray-200{color:var(--p-gray-200)!important}.text-gray-300{color:var(--p-gray-300)!important}.text-gray-400{color:var(--p-gray-400)!important}.text-gray-500{color:var(--p-gray-500)!important}.text-gray-600{color:var(--p-gray-600)!important}.text-gray-700{color:var(--p-gray-700)!important}.text-gray-800{color:var(--p-gray-800)!important}.text-gray-900{color:var(--p-gray-900)!important}.focus\\:text-gray-50:focus{color:var(--p-gray-50)!important}.focus\\:text-gray-100:focus{color:var(--p-gray-100)!important}.focus\\:text-gray-200:focus{color:var(--p-gray-200)!important}.focus\\:text-gray-300:focus{color:var(--p-gray-300)!important}.focus\\:text-gray-400:focus{color:var(--p-gray-400)!important}.focus\\:text-gray-500:focus{color:var(--p-gray-500)!important}.focus\\:text-gray-600:focus{color:var(--p-gray-600)!important}.focus\\:text-gray-700:focus{color:var(--p-gray-700)!important}.focus\\:text-gray-800:focus{color:var(--p-gray-800)!important}.focus\\:text-gray-900:focus{color:var(--p-gray-900)!important}.hover\\:text-gray-50:hover{color:var(--p-gray-50)!important}.hover\\:text-gray-100:hover{color:var(--p-gray-100)!important}.hover\\:text-gray-200:hover{color:var(--p-gray-200)!important}.hover\\:text-gray-300:hover{color:var(--p-gray-300)!important}.hover\\:text-gray-400:hover{color:var(--p-gray-400)!important}.hover\\:text-gray-500:hover{color:var(--p-gray-500)!important}.hover\\:text-gray-600:hover{color:var(--p-gray-600)!important}.hover\\:text-gray-700:hover{color:var(--p-gray-700)!important}.hover\\:text-gray-800:hover{color:var(--p-gray-800)!important}.hover\\:text-gray-900:hover{color:var(--p-gray-900)!important}.active\\:text-gray-50:active{color:var(--p-gray-50)!important}.active\\:text-gray-100:active{color:var(--p-gray-100)!important}.active\\:text-gray-200:active{color:var(--p-gray-200)!important}.active\\:text-gray-300:active{color:var(--p-gray-300)!important}.active\\:text-gray-400:active{color:var(--p-gray-400)!important}.active\\:text-gray-500:active{color:var(--p-gray-500)!important}.active\\:text-gray-600:active{color:var(--p-gray-600)!important}.active\\:text-gray-700:active{color:var(--p-gray-700)!important}.active\\:text-gray-800:active{color:var(--p-gray-800)!important}.active\\:text-gray-900:active{color:var(--p-gray-900)!important}.text-red-50{color:var(--p-red-50)!important}.text-red-100{color:var(--p-red-100)!important}.text-red-200{color:var(--p-red-200)!important}.text-red-300{color:var(--p-red-300)!important}.text-red-400{color:var(--p-red-400)!important}.text-red-500{color:var(--p-red-500)!important}.text-red-600{color:var(--p-red-600)!important}.text-red-700{color:var(--p-red-700)!important}.text-red-800{color:var(--p-red-800)!important}.text-red-900{color:var(--p-red-900)!important}.focus\\:text-red-50:focus{color:var(--p-red-50)!important}.focus\\:text-red-100:focus{color:var(--p-red-100)!important}.focus\\:text-red-200:focus{color:var(--p-red-200)!important}.focus\\:text-red-300:focus{color:var(--p-red-300)!important}.focus\\:text-red-400:focus{color:var(--p-red-400)!important}.focus\\:text-red-500:focus{color:var(--p-red-500)!important}.focus\\:text-red-600:focus{color:var(--p-red-600)!important}.focus\\:text-red-700:focus{color:var(--p-red-700)!important}.focus\\:text-red-800:focus{color:var(--p-red-800)!important}.focus\\:text-red-900:focus{color:var(--p-red-900)!important}.hover\\:text-red-50:hover{color:var(--p-red-50)!important}.hover\\:text-red-100:hover{color:var(--p-red-100)!important}.hover\\:text-red-200:hover{color:var(--p-red-200)!important}.hover\\:text-red-300:hover{color:var(--p-red-300)!important}.hover\\:text-red-400:hover{color:var(--p-red-400)!important}.hover\\:text-red-500:hover{color:var(--p-red-500)!important}.hover\\:text-red-600:hover{color:var(--p-red-600)!important}.hover\\:text-red-700:hover{color:var(--p-red-700)!important}.hover\\:text-red-800:hover{color:var(--p-red-800)!important}.hover\\:text-red-900:hover{color:var(--p-red-900)!important}.active\\:text-red-50:active{color:var(--p-red-50)!important}.active\\:text-red-100:active{color:var(--p-red-100)!important}.active\\:text-red-200:active{color:var(--p-red-200)!important}.active\\:text-red-300:active{color:var(--p-red-300)!important}.active\\:text-red-400:active{color:var(--p-red-400)!important}.active\\:text-red-500:active{color:var(--p-red-500)!important}.active\\:text-red-600:active{color:var(--p-red-600)!important}.active\\:text-red-700:active{color:var(--p-red-700)!important}.active\\:text-red-800:active{color:var(--p-red-800)!important}.active\\:text-red-900:active{color:var(--p-red-900)!important}.text-primary-50{color:var(--p-primary-50)!important}.text-primary-100{color:var(--p-primary-100)!important}.text-primary-200{color:var(--p-primary-200)!important}.text-primary-300{color:var(--p-primary-300)!important}.text-primary-400{color:var(--p-primary-400)!important}.text-primary-500{color:var(--p-primary-500)!important}.text-primary-600{color:var(--p-primary-600)!important}.text-primary-700{color:var(--p-primary-700)!important}.text-primary-800{color:var(--p-primary-800)!important}.text-primary-900{color:var(--p-primary-900)!important}.focus\\:text-primary-50:focus{color:var(--p-primary-50)!important}.focus\\:text-primary-100:focus{color:var(--p-primary-100)!important}.focus\\:text-primary-200:focus{color:var(--p-primary-200)!important}.focus\\:text-primary-300:focus{color:var(--p-primary-300)!important}.focus\\:text-primary-400:focus{color:var(--p-primary-400)!important}.focus\\:text-primary-500:focus{color:var(--p-primary-500)!important}.focus\\:text-primary-600:focus{color:var(--p-primary-600)!important}.focus\\:text-primary-700:focus{color:var(--p-primary-700)!important}.focus\\:text-primary-800:focus{color:var(--p-primary-800)!important}.focus\\:text-primary-900:focus{color:var(--p-primary-900)!important}.hover\\:text-primary-50:hover{color:var(--p-primary-50)!important}.hover\\:text-primary-100:hover{color:var(--p-primary-100)!important}.hover\\:text-primary-200:hover{color:var(--p-primary-200)!important}.hover\\:text-primary-300:hover{color:var(--p-primary-300)!important}.hover\\:text-primary-400:hover{color:var(--p-primary-400)!important}.hover\\:text-primary-500:hover{color:var(--p-primary-500)!important}.hover\\:text-primary-600:hover{color:var(--p-primary-600)!important}.hover\\:text-primary-700:hover{color:var(--p-primary-700)!important}.hover\\:text-primary-800:hover{color:var(--p-primary-800)!important}.hover\\:text-primary-900:hover{color:var(--p-primary-900)!important}.active\\:text-primary-50:active{color:var(--p-primary-50)!important}.active\\:text-primary-100:active{color:var(--p-primary-100)!important}.active\\:text-primary-200:active{color:var(--p-primary-200)!important}.active\\:text-primary-300:active{color:var(--p-primary-300)!important}.active\\:text-primary-400:active{color:var(--p-primary-400)!important}.active\\:text-primary-500:active{color:var(--p-primary-500)!important}.active\\:text-primary-600:active{color:var(--p-primary-600)!important}.active\\:text-primary-700:active{color:var(--p-primary-700)!important}.active\\:text-primary-800:active{color:var(--p-primary-800)!important}.active\\:text-primary-900:active{color:var(--p-primary-900)!important}.bg-blue-50{background-color:var(--p-blue-50)!important}.bg-blue-100{background-color:var(--p-blue-100)!important}.bg-blue-200{background-color:var(--p-blue-200)!important}.bg-blue-300{background-color:var(--p-blue-300)!important}.bg-blue-400{background-color:var(--p-blue-400)!important}.bg-blue-500{background-color:var(--p-blue-500)!important}.bg-blue-600{background-color:var(--p-blue-600)!important}.bg-blue-700{background-color:var(--p-blue-700)!important}.bg-blue-800{background-color:var(--p-blue-800)!important}.bg-blue-900{background-color:var(--p-blue-900)!important}.focus\\:bg-blue-50:focus{background-color:var(--p-blue-50)!important}.focus\\:bg-blue-100:focus{background-color:var(--p-blue-100)!important}.focus\\:bg-blue-200:focus{background-color:var(--p-blue-200)!important}.focus\\:bg-blue-300:focus{background-color:var(--p-blue-300)!important}.focus\\:bg-blue-400:focus{background-color:var(--p-blue-400)!important}.focus\\:bg-blue-500:focus{background-color:var(--p-blue-500)!important}.focus\\:bg-blue-600:focus{background-color:var(--p-blue-600)!important}.focus\\:bg-blue-700:focus{background-color:var(--p-blue-700)!important}.focus\\:bg-blue-800:focus{background-color:var(--p-blue-800)!important}.focus\\:bg-blue-900:focus{background-color:var(--p-blue-900)!important}.hover\\:bg-blue-50:hover{background-color:var(--p-blue-50)!important}.hover\\:bg-blue-100:hover{background-color:var(--p-blue-100)!important}.hover\\:bg-blue-200:hover{background-color:var(--p-blue-200)!important}.hover\\:bg-blue-300:hover{background-color:var(--p-blue-300)!important}.hover\\:bg-blue-400:hover{background-color:var(--p-blue-400)!important}.hover\\:bg-blue-500:hover{background-color:var(--p-blue-500)!important}.hover\\:bg-blue-600:hover{background-color:var(--p-blue-600)!important}.hover\\:bg-blue-700:hover{background-color:var(--p-blue-700)!important}.hover\\:bg-blue-800:hover{background-color:var(--p-blue-800)!important}.hover\\:bg-blue-900:hover{background-color:var(--p-blue-900)!important}.active\\:bg-blue-50:active{background-color:var(--p-blue-50)!important}.active\\:bg-blue-100:active{background-color:var(--p-blue-100)!important}.active\\:bg-blue-200:active{background-color:var(--p-blue-200)!important}.active\\:bg-blue-300:active{background-color:var(--p-blue-300)!important}.active\\:bg-blue-400:active{background-color:var(--p-blue-400)!important}.active\\:bg-blue-500:active{background-color:var(--p-blue-500)!important}.active\\:bg-blue-600:active{background-color:var(--p-blue-600)!important}.active\\:bg-blue-700:active{background-color:var(--p-blue-700)!important}.active\\:bg-blue-800:active{background-color:var(--p-blue-800)!important}.active\\:bg-blue-900:active{background-color:var(--p-blue-900)!important}.bg-green-50{background-color:var(--p-green-50)!important}.bg-green-100{background-color:var(--p-green-100)!important}.bg-green-200{background-color:var(--p-green-200)!important}.bg-green-300{background-color:var(--p-green-300)!important}.bg-green-400{background-color:var(--p-green-400)!important}.bg-green-500{background-color:var(--p-green-500)!important}.bg-green-600{background-color:var(--p-green-600)!important}.bg-green-700{background-color:var(--p-green-700)!important}.bg-green-800{background-color:var(--p-green-800)!important}.bg-green-900{background-color:var(--p-green-900)!important}.focus\\:bg-green-50:focus{background-color:var(--p-green-50)!important}.focus\\:bg-green-100:focus{background-color:var(--p-green-100)!important}.focus\\:bg-green-200:focus{background-color:var(--p-green-200)!important}.focus\\:bg-green-300:focus{background-color:var(--p-green-300)!important}.focus\\:bg-green-400:focus{background-color:var(--p-green-400)!important}.focus\\:bg-green-500:focus{background-color:var(--p-green-500)!important}.focus\\:bg-green-600:focus{background-color:var(--p-green-600)!important}.focus\\:bg-green-700:focus{background-color:var(--p-green-700)!important}.focus\\:bg-green-800:focus{background-color:var(--p-green-800)!important}.focus\\:bg-green-900:focus{background-color:var(--p-green-900)!important}.hover\\:bg-green-50:hover{background-color:var(--p-green-50)!important}.hover\\:bg-green-100:hover{background-color:var(--p-green-100)!important}.hover\\:bg-green-200:hover{background-color:var(--p-green-200)!important}.hover\\:bg-green-300:hover{background-color:var(--p-green-300)!important}.hover\\:bg-green-400:hover{background-color:var(--p-green-400)!important}.hover\\:bg-green-500:hover{background-color:var(--p-green-500)!important}.hover\\:bg-green-600:hover{background-color:var(--p-green-600)!important}.hover\\:bg-green-700:hover{background-color:var(--p-green-700)!important}.hover\\:bg-green-800:hover{background-color:var(--p-green-800)!important}.hover\\:bg-green-900:hover{background-color:var(--p-green-900)!important}.active\\:bg-green-50:active{background-color:var(--p-green-50)!important}.active\\:bg-green-100:active{background-color:var(--p-green-100)!important}.active\\:bg-green-200:active{background-color:var(--p-green-200)!important}.active\\:bg-green-300:active{background-color:var(--p-green-300)!important}.active\\:bg-green-400:active{background-color:var(--p-green-400)!important}.active\\:bg-green-500:active{background-color:var(--p-green-500)!important}.active\\:bg-green-600:active{background-color:var(--p-green-600)!important}.active\\:bg-green-700:active{background-color:var(--p-green-700)!important}.active\\:bg-green-800:active{background-color:var(--p-green-800)!important}.active\\:bg-green-900:active{background-color:var(--p-green-900)!important}.bg-yellow-50{background-color:var(--p-yellow-50)!important}.bg-yellow-100{background-color:var(--p-yellow-100)!important}.bg-yellow-200{background-color:var(--p-yellow-200)!important}.bg-yellow-300{background-color:var(--p-yellow-300)!important}.bg-yellow-400{background-color:var(--p-yellow-400)!important}.bg-yellow-500{background-color:var(--p-yellow-500)!important}.bg-yellow-600{background-color:var(--p-yellow-600)!important}.bg-yellow-700{background-color:var(--p-yellow-700)!important}.bg-yellow-800{background-color:var(--p-yellow-800)!important}.bg-yellow-900{background-color:var(--p-yellow-900)!important}.focus\\:bg-yellow-50:focus{background-color:var(--p-yellow-50)!important}.focus\\:bg-yellow-100:focus{background-color:var(--p-yellow-100)!important}.focus\\:bg-yellow-200:focus{background-color:var(--p-yellow-200)!important}.focus\\:bg-yellow-300:focus{background-color:var(--p-yellow-300)!important}.focus\\:bg-yellow-400:focus{background-color:var(--p-yellow-400)!important}.focus\\:bg-yellow-500:focus{background-color:var(--p-yellow-500)!important}.focus\\:bg-yellow-600:focus{background-color:var(--p-yellow-600)!important}.focus\\:bg-yellow-700:focus{background-color:var(--p-yellow-700)!important}.focus\\:bg-yellow-800:focus{background-color:var(--p-yellow-800)!important}.focus\\:bg-yellow-900:focus{background-color:var(--p-yellow-900)!important}.hover\\:bg-yellow-50:hover{background-color:var(--p-yellow-50)!important}.hover\\:bg-yellow-100:hover{background-color:var(--p-yellow-100)!important}.hover\\:bg-yellow-200:hover{background-color:var(--p-yellow-200)!important}.hover\\:bg-yellow-300:hover{background-color:var(--p-yellow-300)!important}.hover\\:bg-yellow-400:hover{background-color:var(--p-yellow-400)!important}.hover\\:bg-yellow-500:hover{background-color:var(--p-yellow-500)!important}.hover\\:bg-yellow-600:hover{background-color:var(--p-yellow-600)!important}.hover\\:bg-yellow-700:hover{background-color:var(--p-yellow-700)!important}.hover\\:bg-yellow-800:hover{background-color:var(--p-yellow-800)!important}.hover\\:bg-yellow-900:hover{background-color:var(--p-yellow-900)!important}.active\\:bg-yellow-50:active{background-color:var(--p-yellow-50)!important}.active\\:bg-yellow-100:active{background-color:var(--p-yellow-100)!important}.active\\:bg-yellow-200:active{background-color:var(--p-yellow-200)!important}.active\\:bg-yellow-300:active{background-color:var(--p-yellow-300)!important}.active\\:bg-yellow-400:active{background-color:var(--p-yellow-400)!important}.active\\:bg-yellow-500:active{background-color:var(--p-yellow-500)!important}.active\\:bg-yellow-600:active{background-color:var(--p-yellow-600)!important}.active\\:bg-yellow-700:active{background-color:var(--p-yellow-700)!important}.active\\:bg-yellow-800:active{background-color:var(--p-yellow-800)!important}.active\\:bg-yellow-900:active{background-color:var(--p-yellow-900)!important}.bg-cyan-50{background-color:var(--p-cyan-50)!important}.bg-cyan-100{background-color:var(--p-cyan-100)!important}.bg-cyan-200{background-color:var(--p-cyan-200)!important}.bg-cyan-300{background-color:var(--p-cyan-300)!important}.bg-cyan-400{background-color:var(--p-cyan-400)!important}.bg-cyan-500{background-color:var(--p-cyan-500)!important}.bg-cyan-600{background-color:var(--p-cyan-600)!important}.bg-cyan-700{background-color:var(--p-cyan-700)!important}.bg-cyan-800{background-color:var(--p-cyan-800)!important}.bg-cyan-900{background-color:var(--p-cyan-900)!important}.focus\\:bg-cyan-50:focus{background-color:var(--p-cyan-50)!important}.focus\\:bg-cyan-100:focus{background-color:var(--p-cyan-100)!important}.focus\\:bg-cyan-200:focus{background-color:var(--p-cyan-200)!important}.focus\\:bg-cyan-300:focus{background-color:var(--p-cyan-300)!important}.focus\\:bg-cyan-400:focus{background-color:var(--p-cyan-400)!important}.focus\\:bg-cyan-500:focus{background-color:var(--p-cyan-500)!important}.focus\\:bg-cyan-600:focus{background-color:var(--p-cyan-600)!important}.focus\\:bg-cyan-700:focus{background-color:var(--p-cyan-700)!important}.focus\\:bg-cyan-800:focus{background-color:var(--p-cyan-800)!important}.focus\\:bg-cyan-900:focus{background-color:var(--p-cyan-900)!important}.hover\\:bg-cyan-50:hover{background-color:var(--p-cyan-50)!important}.hover\\:bg-cyan-100:hover{background-color:var(--p-cyan-100)!important}.hover\\:bg-cyan-200:hover{background-color:var(--p-cyan-200)!important}.hover\\:bg-cyan-300:hover{background-color:var(--p-cyan-300)!important}.hover\\:bg-cyan-400:hover{background-color:var(--p-cyan-400)!important}.hover\\:bg-cyan-500:hover{background-color:var(--p-cyan-500)!important}.hover\\:bg-cyan-600:hover{background-color:var(--p-cyan-600)!important}.hover\\:bg-cyan-700:hover{background-color:var(--p-cyan-700)!important}.hover\\:bg-cyan-800:hover{background-color:var(--p-cyan-800)!important}.hover\\:bg-cyan-900:hover{background-color:var(--p-cyan-900)!important}.active\\:bg-cyan-50:active{background-color:var(--p-cyan-50)!important}.active\\:bg-cyan-100:active{background-color:var(--p-cyan-100)!important}.active\\:bg-cyan-200:active{background-color:var(--p-cyan-200)!important}.active\\:bg-cyan-300:active{background-color:var(--p-cyan-300)!important}.active\\:bg-cyan-400:active{background-color:var(--p-cyan-400)!important}.active\\:bg-cyan-500:active{background-color:var(--p-cyan-500)!important}.active\\:bg-cyan-600:active{background-color:var(--p-cyan-600)!important}.active\\:bg-cyan-700:active{background-color:var(--p-cyan-700)!important}.active\\:bg-cyan-800:active{background-color:var(--p-cyan-800)!important}.active\\:bg-cyan-900:active{background-color:var(--p-cyan-900)!important}.bg-pink-50{background-color:var(--p-pink-50)!important}.bg-pink-100{background-color:var(--p-pink-100)!important}.bg-pink-200{background-color:var(--p-pink-200)!important}.bg-pink-300{background-color:var(--p-pink-300)!important}.bg-pink-400{background-color:var(--p-pink-400)!important}.bg-pink-500{background-color:var(--p-pink-500)!important}.bg-pink-600{background-color:var(--p-pink-600)!important}.bg-pink-700{background-color:var(--p-pink-700)!important}.bg-pink-800{background-color:var(--p-pink-800)!important}.bg-pink-900{background-color:var(--p-pink-900)!important}.focus\\:bg-pink-50:focus{background-color:var(--p-pink-50)!important}.focus\\:bg-pink-100:focus{background-color:var(--p-pink-100)!important}.focus\\:bg-pink-200:focus{background-color:var(--p-pink-200)!important}.focus\\:bg-pink-300:focus{background-color:var(--p-pink-300)!important}.focus\\:bg-pink-400:focus{background-color:var(--p-pink-400)!important}.focus\\:bg-pink-500:focus{background-color:var(--p-pink-500)!important}.focus\\:bg-pink-600:focus{background-color:var(--p-pink-600)!important}.focus\\:bg-pink-700:focus{background-color:var(--p-pink-700)!important}.focus\\:bg-pink-800:focus{background-color:var(--p-pink-800)!important}.focus\\:bg-pink-900:focus{background-color:var(--p-pink-900)!important}.hover\\:bg-pink-50:hover{background-color:var(--p-pink-50)!important}.hover\\:bg-pink-100:hover{background-color:var(--p-pink-100)!important}.hover\\:bg-pink-200:hover{background-color:var(--p-pink-200)!important}.hover\\:bg-pink-300:hover{background-color:var(--p-pink-300)!important}.hover\\:bg-pink-400:hover{background-color:var(--p-pink-400)!important}.hover\\:bg-pink-500:hover{background-color:var(--p-pink-500)!important}.hover\\:bg-pink-600:hover{background-color:var(--p-pink-600)!important}.hover\\:bg-pink-700:hover{background-color:var(--p-pink-700)!important}.hover\\:bg-pink-800:hover{background-color:var(--p-pink-800)!important}.hover\\:bg-pink-900:hover{background-color:var(--p-pink-900)!important}.active\\:bg-pink-50:active{background-color:var(--p-pink-50)!important}.active\\:bg-pink-100:active{background-color:var(--p-pink-100)!important}.active\\:bg-pink-200:active{background-color:var(--p-pink-200)!important}.active\\:bg-pink-300:active{background-color:var(--p-pink-300)!important}.active\\:bg-pink-400:active{background-color:var(--p-pink-400)!important}.active\\:bg-pink-500:active{background-color:var(--p-pink-500)!important}.active\\:bg-pink-600:active{background-color:var(--p-pink-600)!important}.active\\:bg-pink-700:active{background-color:var(--p-pink-700)!important}.active\\:bg-pink-800:active{background-color:var(--p-pink-800)!important}.active\\:bg-pink-900:active{background-color:var(--p-pink-900)!important}.bg-indigo-50{background-color:var(--p-indigo-50)!important}.bg-indigo-100{background-color:var(--p-indigo-100)!important}.bg-indigo-200{background-color:var(--p-indigo-200)!important}.bg-indigo-300{background-color:var(--p-indigo-300)!important}.bg-indigo-400{background-color:var(--p-indigo-400)!important}.bg-indigo-500{background-color:var(--p-indigo-500)!important}.bg-indigo-600{background-color:var(--p-indigo-600)!important}.bg-indigo-700{background-color:var(--p-indigo-700)!important}.bg-indigo-800{background-color:var(--p-indigo-800)!important}.bg-indigo-900{background-color:var(--p-indigo-900)!important}.focus\\:bg-indigo-50:focus{background-color:var(--p-indigo-50)!important}.focus\\:bg-indigo-100:focus{background-color:var(--p-indigo-100)!important}.focus\\:bg-indigo-200:focus{background-color:var(--p-indigo-200)!important}.focus\\:bg-indigo-300:focus{background-color:var(--p-indigo-300)!important}.focus\\:bg-indigo-400:focus{background-color:var(--p-indigo-400)!important}.focus\\:bg-indigo-500:focus{background-color:var(--p-indigo-500)!important}.focus\\:bg-indigo-600:focus{background-color:var(--p-indigo-600)!important}.focus\\:bg-indigo-700:focus{background-color:var(--p-indigo-700)!important}.focus\\:bg-indigo-800:focus{background-color:var(--p-indigo-800)!important}.focus\\:bg-indigo-900:focus{background-color:var(--p-indigo-900)!important}.hover\\:bg-indigo-50:hover{background-color:var(--p-indigo-50)!important}.hover\\:bg-indigo-100:hover{background-color:var(--p-indigo-100)!important}.hover\\:bg-indigo-200:hover{background-color:var(--p-indigo-200)!important}.hover\\:bg-indigo-300:hover{background-color:var(--p-indigo-300)!important}.hover\\:bg-indigo-400:hover{background-color:var(--p-indigo-400)!important}.hover\\:bg-indigo-500:hover{background-color:var(--p-indigo-500)!important}.hover\\:bg-indigo-600:hover{background-color:var(--p-indigo-600)!important}.hover\\:bg-indigo-700:hover{background-color:var(--p-indigo-700)!important}.hover\\:bg-indigo-800:hover{background-color:var(--p-indigo-800)!important}.hover\\:bg-indigo-900:hover{background-color:var(--p-indigo-900)!important}.active\\:bg-indigo-50:active{background-color:var(--p-indigo-50)!important}.active\\:bg-indigo-100:active{background-color:var(--p-indigo-100)!important}.active\\:bg-indigo-200:active{background-color:var(--p-indigo-200)!important}.active\\:bg-indigo-300:active{background-color:var(--p-indigo-300)!important}.active\\:bg-indigo-400:active{background-color:var(--p-indigo-400)!important}.active\\:bg-indigo-500:active{background-color:var(--p-indigo-500)!important}.active\\:bg-indigo-600:active{background-color:var(--p-indigo-600)!important}.active\\:bg-indigo-700:active{background-color:var(--p-indigo-700)!important}.active\\:bg-indigo-800:active{background-color:var(--p-indigo-800)!important}.active\\:bg-indigo-900:active{background-color:var(--p-indigo-900)!important}.bg-teal-50{background-color:var(--p-teal-50)!important}.bg-teal-100{background-color:var(--p-teal-100)!important}.bg-teal-200{background-color:var(--p-teal-200)!important}.bg-teal-300{background-color:var(--p-teal-300)!important}.bg-teal-400{background-color:var(--p-teal-400)!important}.bg-teal-500{background-color:var(--p-teal-500)!important}.bg-teal-600{background-color:var(--p-teal-600)!important}.bg-teal-700{background-color:var(--p-teal-700)!important}.bg-teal-800{background-color:var(--p-teal-800)!important}.bg-teal-900{background-color:var(--p-teal-900)!important}.focus\\:bg-teal-50:focus{background-color:var(--p-teal-50)!important}.focus\\:bg-teal-100:focus{background-color:var(--p-teal-100)!important}.focus\\:bg-teal-200:focus{background-color:var(--p-teal-200)!important}.focus\\:bg-teal-300:focus{background-color:var(--p-teal-300)!important}.focus\\:bg-teal-400:focus{background-color:var(--p-teal-400)!important}.focus\\:bg-teal-500:focus{background-color:var(--p-teal-500)!important}.focus\\:bg-teal-600:focus{background-color:var(--p-teal-600)!important}.focus\\:bg-teal-700:focus{background-color:var(--p-teal-700)!important}.focus\\:bg-teal-800:focus{background-color:var(--p-teal-800)!important}.focus\\:bg-teal-900:focus{background-color:var(--p-teal-900)!important}.hover\\:bg-teal-50:hover{background-color:var(--p-teal-50)!important}.hover\\:bg-teal-100:hover{background-color:var(--p-teal-100)!important}.hover\\:bg-teal-200:hover{background-color:var(--p-teal-200)!important}.hover\\:bg-teal-300:hover{background-color:var(--p-teal-300)!important}.hover\\:bg-teal-400:hover{background-color:var(--p-teal-400)!important}.hover\\:bg-teal-500:hover{background-color:var(--p-teal-500)!important}.hover\\:bg-teal-600:hover{background-color:var(--p-teal-600)!important}.hover\\:bg-teal-700:hover{background-color:var(--p-teal-700)!important}.hover\\:bg-teal-800:hover{background-color:var(--p-teal-800)!important}.hover\\:bg-teal-900:hover{background-color:var(--p-teal-900)!important}.active\\:bg-teal-50:active{background-color:var(--p-teal-50)!important}.active\\:bg-teal-100:active{background-color:var(--p-teal-100)!important}.active\\:bg-teal-200:active{background-color:var(--p-teal-200)!important}.active\\:bg-teal-300:active{background-color:var(--p-teal-300)!important}.active\\:bg-teal-400:active{background-color:var(--p-teal-400)!important}.active\\:bg-teal-500:active{background-color:var(--p-teal-500)!important}.active\\:bg-teal-600:active{background-color:var(--p-teal-600)!important}.active\\:bg-teal-700:active{background-color:var(--p-teal-700)!important}.active\\:bg-teal-800:active{background-color:var(--p-teal-800)!important}.active\\:bg-teal-900:active{background-color:var(--p-teal-900)!important}.bg-orange-50{background-color:var(--p-orange-50)!important}.bg-orange-100{background-color:var(--p-orange-100)!important}.bg-orange-200{background-color:var(--p-orange-200)!important}.bg-orange-300{background-color:var(--p-orange-300)!important}.bg-orange-400{background-color:var(--p-orange-400)!important}.bg-orange-500{background-color:var(--p-orange-500)!important}.bg-orange-600{background-color:var(--p-orange-600)!important}.bg-orange-700{background-color:var(--p-orange-700)!important}.bg-orange-800{background-color:var(--p-orange-800)!important}.bg-orange-900{background-color:var(--p-orange-900)!important}.focus\\:bg-orange-50:focus{background-color:var(--p-orange-50)!important}.focus\\:bg-orange-100:focus{background-color:var(--p-orange-100)!important}.focus\\:bg-orange-200:focus{background-color:var(--p-orange-200)!important}.focus\\:bg-orange-300:focus{background-color:var(--p-orange-300)!important}.focus\\:bg-orange-400:focus{background-color:var(--p-orange-400)!important}.focus\\:bg-orange-500:focus{background-color:var(--p-orange-500)!important}.focus\\:bg-orange-600:focus{background-color:var(--p-orange-600)!important}.focus\\:bg-orange-700:focus{background-color:var(--p-orange-700)!important}.focus\\:bg-orange-800:focus{background-color:var(--p-orange-800)!important}.focus\\:bg-orange-900:focus{background-color:var(--p-orange-900)!important}.hover\\:bg-orange-50:hover{background-color:var(--p-orange-50)!important}.hover\\:bg-orange-100:hover{background-color:var(--p-orange-100)!important}.hover\\:bg-orange-200:hover{background-color:var(--p-orange-200)!important}.hover\\:bg-orange-300:hover{background-color:var(--p-orange-300)!important}.hover\\:bg-orange-400:hover{background-color:var(--p-orange-400)!important}.hover\\:bg-orange-500:hover{background-color:var(--p-orange-500)!important}.hover\\:bg-orange-600:hover{background-color:var(--p-orange-600)!important}.hover\\:bg-orange-700:hover{background-color:var(--p-orange-700)!important}.hover\\:bg-orange-800:hover{background-color:var(--p-orange-800)!important}.hover\\:bg-orange-900:hover{background-color:var(--p-orange-900)!important}.active\\:bg-orange-50:active{background-color:var(--p-orange-50)!important}.active\\:bg-orange-100:active{background-color:var(--p-orange-100)!important}.active\\:bg-orange-200:active{background-color:var(--p-orange-200)!important}.active\\:bg-orange-300:active{background-color:var(--p-orange-300)!important}.active\\:bg-orange-400:active{background-color:var(--p-orange-400)!important}.active\\:bg-orange-500:active{background-color:var(--p-orange-500)!important}.active\\:bg-orange-600:active{background-color:var(--p-orange-600)!important}.active\\:bg-orange-700:active{background-color:var(--p-orange-700)!important}.active\\:bg-orange-800:active{background-color:var(--p-orange-800)!important}.active\\:bg-orange-900:active{background-color:var(--p-orange-900)!important}.bg-bluegray-50{background-color:var(--p-bluegray-50)!important}.bg-bluegray-100{background-color:var(--p-bluegray-100)!important}.bg-bluegray-200{background-color:var(--p-bluegray-200)!important}.bg-bluegray-300{background-color:var(--p-bluegray-300)!important}.bg-bluegray-400{background-color:var(--p-bluegray-400)!important}.bg-bluegray-500{background-color:var(--p-bluegray-500)!important}.bg-bluegray-600{background-color:var(--p-bluegray-600)!important}.bg-bluegray-700{background-color:var(--p-bluegray-700)!important}.bg-bluegray-800{background-color:var(--p-bluegray-800)!important}.bg-bluegray-900{background-color:var(--p-bluegray-900)!important}.focus\\:bg-bluegray-50:focus{background-color:var(--p-bluegray-50)!important}.focus\\:bg-bluegray-100:focus{background-color:var(--p-bluegray-100)!important}.focus\\:bg-bluegray-200:focus{background-color:var(--p-bluegray-200)!important}.focus\\:bg-bluegray-300:focus{background-color:var(--p-bluegray-300)!important}.focus\\:bg-bluegray-400:focus{background-color:var(--p-bluegray-400)!important}.focus\\:bg-bluegray-500:focus{background-color:var(--p-bluegray-500)!important}.focus\\:bg-bluegray-600:focus{background-color:var(--p-bluegray-600)!important}.focus\\:bg-bluegray-700:focus{background-color:var(--p-bluegray-700)!important}.focus\\:bg-bluegray-800:focus{background-color:var(--p-bluegray-800)!important}.focus\\:bg-bluegray-900:focus{background-color:var(--p-bluegray-900)!important}.hover\\:bg-bluegray-50:hover{background-color:var(--p-bluegray-50)!important}.hover\\:bg-bluegray-100:hover{background-color:var(--p-bluegray-100)!important}.hover\\:bg-bluegray-200:hover{background-color:var(--p-bluegray-200)!important}.hover\\:bg-bluegray-300:hover{background-color:var(--p-bluegray-300)!important}.hover\\:bg-bluegray-400:hover{background-color:var(--p-bluegray-400)!important}.hover\\:bg-bluegray-500:hover{background-color:var(--p-bluegray-500)!important}.hover\\:bg-bluegray-600:hover{background-color:var(--p-bluegray-600)!important}.hover\\:bg-bluegray-700:hover{background-color:var(--p-bluegray-700)!important}.hover\\:bg-bluegray-800:hover{background-color:var(--p-bluegray-800)!important}.hover\\:bg-bluegray-900:hover{background-color:var(--p-bluegray-900)!important}.active\\:bg-bluegray-50:active{background-color:var(--p-bluegray-50)!important}.active\\:bg-bluegray-100:active{background-color:var(--p-bluegray-100)!important}.active\\:bg-bluegray-200:active{background-color:var(--p-bluegray-200)!important}.active\\:bg-bluegray-300:active{background-color:var(--p-bluegray-300)!important}.active\\:bg-bluegray-400:active{background-color:var(--p-bluegray-400)!important}.active\\:bg-bluegray-500:active{background-color:var(--p-bluegray-500)!important}.active\\:bg-bluegray-600:active{background-color:var(--p-bluegray-600)!important}.active\\:bg-bluegray-700:active{background-color:var(--p-bluegray-700)!important}.active\\:bg-bluegray-800:active{background-color:var(--p-bluegray-800)!important}.active\\:bg-bluegray-900:active{background-color:var(--p-bluegray-900)!important}.bg-purple-50{background-color:var(--p-purple-50)!important}.bg-purple-100{background-color:var(--p-purple-100)!important}.bg-purple-200{background-color:var(--p-purple-200)!important}.bg-purple-300{background-color:var(--p-purple-300)!important}.bg-purple-400{background-color:var(--p-purple-400)!important}.bg-purple-500{background-color:var(--p-purple-500)!important}.bg-purple-600{background-color:var(--p-purple-600)!important}.bg-purple-700{background-color:var(--p-purple-700)!important}.bg-purple-800{background-color:var(--p-purple-800)!important}.bg-purple-900{background-color:var(--p-purple-900)!important}.focus\\:bg-purple-50:focus{background-color:var(--p-purple-50)!important}.focus\\:bg-purple-100:focus{background-color:var(--p-purple-100)!important}.focus\\:bg-purple-200:focus{background-color:var(--p-purple-200)!important}.focus\\:bg-purple-300:focus{background-color:var(--p-purple-300)!important}.focus\\:bg-purple-400:focus{background-color:var(--p-purple-400)!important}.focus\\:bg-purple-500:focus{background-color:var(--p-purple-500)!important}.focus\\:bg-purple-600:focus{background-color:var(--p-purple-600)!important}.focus\\:bg-purple-700:focus{background-color:var(--p-purple-700)!important}.focus\\:bg-purple-800:focus{background-color:var(--p-purple-800)!important}.focus\\:bg-purple-900:focus{background-color:var(--p-purple-900)!important}.hover\\:bg-purple-50:hover{background-color:var(--p-purple-50)!important}.hover\\:bg-purple-100:hover{background-color:var(--p-purple-100)!important}.hover\\:bg-purple-200:hover{background-color:var(--p-purple-200)!important}.hover\\:bg-purple-300:hover{background-color:var(--p-purple-300)!important}.hover\\:bg-purple-400:hover{background-color:var(--p-purple-400)!important}.hover\\:bg-purple-500:hover{background-color:var(--p-purple-500)!important}.hover\\:bg-purple-600:hover{background-color:var(--p-purple-600)!important}.hover\\:bg-purple-700:hover{background-color:var(--p-purple-700)!important}.hover\\:bg-purple-800:hover{background-color:var(--p-purple-800)!important}.hover\\:bg-purple-900:hover{background-color:var(--p-purple-900)!important}.active\\:bg-purple-50:active{background-color:var(--p-purple-50)!important}.active\\:bg-purple-100:active{background-color:var(--p-purple-100)!important}.active\\:bg-purple-200:active{background-color:var(--p-purple-200)!important}.active\\:bg-purple-300:active{background-color:var(--p-purple-300)!important}.active\\:bg-purple-400:active{background-color:var(--p-purple-400)!important}.active\\:bg-purple-500:active{background-color:var(--p-purple-500)!important}.active\\:bg-purple-600:active{background-color:var(--p-purple-600)!important}.active\\:bg-purple-700:active{background-color:var(--p-purple-700)!important}.active\\:bg-purple-800:active{background-color:var(--p-purple-800)!important}.active\\:bg-purple-900:active{background-color:var(--p-purple-900)!important}.bg-gray-50{background-color:var(--p-gray-50)!important}.bg-gray-100{background-color:var(--p-gray-100)!important}.bg-gray-200{background-color:var(--p-gray-200)!important}.bg-gray-300{background-color:var(--p-gray-300)!important}.bg-gray-400{background-color:var(--p-gray-400)!important}.bg-gray-500{background-color:var(--p-gray-500)!important}.bg-gray-600{background-color:var(--p-gray-600)!important}.bg-gray-700{background-color:var(--p-gray-700)!important}.bg-gray-800{background-color:var(--p-gray-800)!important}.bg-gray-900{background-color:var(--p-gray-900)!important}.focus\\:bg-gray-50:focus{background-color:var(--p-gray-50)!important}.focus\\:bg-gray-100:focus{background-color:var(--p-gray-100)!important}.focus\\:bg-gray-200:focus{background-color:var(--p-gray-200)!important}.focus\\:bg-gray-300:focus{background-color:var(--p-gray-300)!important}.focus\\:bg-gray-400:focus{background-color:var(--p-gray-400)!important}.focus\\:bg-gray-500:focus{background-color:var(--p-gray-500)!important}.focus\\:bg-gray-600:focus{background-color:var(--p-gray-600)!important}.focus\\:bg-gray-700:focus{background-color:var(--p-gray-700)!important}.focus\\:bg-gray-800:focus{background-color:var(--p-gray-800)!important}.focus\\:bg-gray-900:focus{background-color:var(--p-gray-900)!important}.hover\\:bg-gray-50:hover{background-color:var(--p-gray-50)!important}.hover\\:bg-gray-100:hover{background-color:var(--p-gray-100)!important}.hover\\:bg-gray-200:hover{background-color:var(--p-gray-200)!important}.hover\\:bg-gray-300:hover{background-color:var(--p-gray-300)!important}.hover\\:bg-gray-400:hover{background-color:var(--p-gray-400)!important}.hover\\:bg-gray-500:hover{background-color:var(--p-gray-500)!important}.hover\\:bg-gray-600:hover{background-color:var(--p-gray-600)!important}.hover\\:bg-gray-700:hover{background-color:var(--p-gray-700)!important}.hover\\:bg-gray-800:hover{background-color:var(--p-gray-800)!important}.hover\\:bg-gray-900:hover{background-color:var(--p-gray-900)!important}.active\\:bg-gray-50:active{background-color:var(--p-gray-50)!important}.active\\:bg-gray-100:active{background-color:var(--p-gray-100)!important}.active\\:bg-gray-200:active{background-color:var(--p-gray-200)!important}.active\\:bg-gray-300:active{background-color:var(--p-gray-300)!important}.active\\:bg-gray-400:active{background-color:var(--p-gray-400)!important}.active\\:bg-gray-500:active{background-color:var(--p-gray-500)!important}.active\\:bg-gray-600:active{background-color:var(--p-gray-600)!important}.active\\:bg-gray-700:active{background-color:var(--p-gray-700)!important}.active\\:bg-gray-800:active{background-color:var(--p-gray-800)!important}.active\\:bg-gray-900:active{background-color:var(--p-gray-900)!important}.bg-red-50{background-color:var(--p-red-50)!important}.bg-red-100{background-color:var(--p-red-100)!important}.bg-red-200{background-color:var(--p-red-200)!important}.bg-red-300{background-color:var(--p-red-300)!important}.bg-red-400{background-color:var(--p-red-400)!important}.bg-red-500{background-color:var(--p-red-500)!important}.bg-red-600{background-color:var(--p-red-600)!important}.bg-red-700{background-color:var(--p-red-700)!important}.bg-red-800{background-color:var(--p-red-800)!important}.bg-red-900{background-color:var(--p-red-900)!important}.focus\\:bg-red-50:focus{background-color:var(--p-red-50)!important}.focus\\:bg-red-100:focus{background-color:var(--p-red-100)!important}.focus\\:bg-red-200:focus{background-color:var(--p-red-200)!important}.focus\\:bg-red-300:focus{background-color:var(--p-red-300)!important}.focus\\:bg-red-400:focus{background-color:var(--p-red-400)!important}.focus\\:bg-red-500:focus{background-color:var(--p-red-500)!important}.focus\\:bg-red-600:focus{background-color:var(--p-red-600)!important}.focus\\:bg-red-700:focus{background-color:var(--p-red-700)!important}.focus\\:bg-red-800:focus{background-color:var(--p-red-800)!important}.focus\\:bg-red-900:focus{background-color:var(--p-red-900)!important}.hover\\:bg-red-50:hover{background-color:var(--p-red-50)!important}.hover\\:bg-red-100:hover{background-color:var(--p-red-100)!important}.hover\\:bg-red-200:hover{background-color:var(--p-red-200)!important}.hover\\:bg-red-300:hover{background-color:var(--p-red-300)!important}.hover\\:bg-red-400:hover{background-color:var(--p-red-400)!important}.hover\\:bg-red-500:hover{background-color:var(--p-red-500)!important}.hover\\:bg-red-600:hover{background-color:var(--p-red-600)!important}.hover\\:bg-red-700:hover{background-color:var(--p-red-700)!important}.hover\\:bg-red-800:hover{background-color:var(--p-red-800)!important}.hover\\:bg-red-900:hover{background-color:var(--p-red-900)!important}.active\\:bg-red-50:active{background-color:var(--p-red-50)!important}.active\\:bg-red-100:active{background-color:var(--p-red-100)!important}.active\\:bg-red-200:active{background-color:var(--p-red-200)!important}.active\\:bg-red-300:active{background-color:var(--p-red-300)!important}.active\\:bg-red-400:active{background-color:var(--p-red-400)!important}.active\\:bg-red-500:active{background-color:var(--p-red-500)!important}.active\\:bg-red-600:active{background-color:var(--p-red-600)!important}.active\\:bg-red-700:active{background-color:var(--p-red-700)!important}.active\\:bg-red-800:active{background-color:var(--p-red-800)!important}.active\\:bg-red-900:active{background-color:var(--p-red-900)!important}.bg-primary-50{background-color:var(--p-primary-50)!important}.bg-primary-100{background-color:var(--p-primary-100)!important}.bg-primary-200{background-color:var(--p-primary-200)!important}.bg-primary-300{background-color:var(--p-primary-300)!important}.bg-primary-400{background-color:var(--p-primary-400)!important}.bg-primary-500{background-color:var(--p-primary-500)!important}.bg-primary-600{background-color:var(--p-primary-600)!important}.bg-primary-700{background-color:var(--p-primary-700)!important}.bg-primary-800{background-color:var(--p-primary-800)!important}.bg-primary-900{background-color:var(--p-primary-900)!important}.focus\\:bg-primary-50:focus{background-color:var(--p-primary-50)!important}.focus\\:bg-primary-100:focus{background-color:var(--p-primary-100)!important}.focus\\:bg-primary-200:focus{background-color:var(--p-primary-200)!important}.focus\\:bg-primary-300:focus{background-color:var(--p-primary-300)!important}.focus\\:bg-primary-400:focus{background-color:var(--p-primary-400)!important}.focus\\:bg-primary-500:focus{background-color:var(--p-primary-500)!important}.focus\\:bg-primary-600:focus{background-color:var(--p-primary-600)!important}.focus\\:bg-primary-700:focus{background-color:var(--p-primary-700)!important}.focus\\:bg-primary-800:focus{background-color:var(--p-primary-800)!important}.focus\\:bg-primary-900:focus{background-color:var(--p-primary-900)!important}.hover\\:bg-primary-50:hover{background-color:var(--p-primary-50)!important}.hover\\:bg-primary-100:hover{background-color:var(--p-primary-100)!important}.hover\\:bg-primary-200:hover{background-color:var(--p-primary-200)!important}.hover\\:bg-primary-300:hover{background-color:var(--p-primary-300)!important}.hover\\:bg-primary-400:hover{background-color:var(--p-primary-400)!important}.hover\\:bg-primary-500:hover{background-color:var(--p-primary-500)!important}.hover\\:bg-primary-600:hover{background-color:var(--p-primary-600)!important}.hover\\:bg-primary-700:hover{background-color:var(--p-primary-700)!important}.hover\\:bg-primary-800:hover{background-color:var(--p-primary-800)!important}.hover\\:bg-primary-900:hover{background-color:var(--p-primary-900)!important}.active\\:bg-primary-50:active{background-color:var(--p-primary-50)!important}.active\\:bg-primary-100:active{background-color:var(--p-primary-100)!important}.active\\:bg-primary-200:active{background-color:var(--p-primary-200)!important}.active\\:bg-primary-300:active{background-color:var(--p-primary-300)!important}.active\\:bg-primary-400:active{background-color:var(--p-primary-400)!important}.active\\:bg-primary-500:active{background-color:var(--p-primary-500)!important}.active\\:bg-primary-600:active{background-color:var(--p-primary-600)!important}.active\\:bg-primary-700:active{background-color:var(--p-primary-700)!important}.active\\:bg-primary-800:active{background-color:var(--p-primary-800)!important}.active\\:bg-primary-900:active{background-color:var(--p-primary-900)!important}.border-blue-50{border-color:var(--p-blue-50)!important}.border-blue-100{border-color:var(--p-blue-100)!important}.border-blue-200{border-color:var(--p-blue-200)!important}.border-blue-300{border-color:var(--p-blue-300)!important}.border-blue-400{border-color:var(--p-blue-400)!important}.border-blue-500{border-color:var(--p-blue-500)!important}.border-blue-600{border-color:var(--p-blue-600)!important}.border-blue-700{border-color:var(--p-blue-700)!important}.border-blue-800{border-color:var(--p-blue-800)!important}.border-blue-900{border-color:var(--p-blue-900)!important}.focus\\:border-blue-50:focus{border-color:var(--p-blue-50)!important}.focus\\:border-blue-100:focus{border-color:var(--p-blue-100)!important}.focus\\:border-blue-200:focus{border-color:var(--p-blue-200)!important}.focus\\:border-blue-300:focus{border-color:var(--p-blue-300)!important}.focus\\:border-blue-400:focus{border-color:var(--p-blue-400)!important}.focus\\:border-blue-500:focus{border-color:var(--p-blue-500)!important}.focus\\:border-blue-600:focus{border-color:var(--p-blue-600)!important}.focus\\:border-blue-700:focus{border-color:var(--p-blue-700)!important}.focus\\:border-blue-800:focus{border-color:var(--p-blue-800)!important}.focus\\:border-blue-900:focus{border-color:var(--p-blue-900)!important}.hover\\:border-blue-50:hover{border-color:var(--p-blue-50)!important}.hover\\:border-blue-100:hover{border-color:var(--p-blue-100)!important}.hover\\:border-blue-200:hover{border-color:var(--p-blue-200)!important}.hover\\:border-blue-300:hover{border-color:var(--p-blue-300)!important}.hover\\:border-blue-400:hover{border-color:var(--p-blue-400)!important}.hover\\:border-blue-500:hover{border-color:var(--p-blue-500)!important}.hover\\:border-blue-600:hover{border-color:var(--p-blue-600)!important}.hover\\:border-blue-700:hover{border-color:var(--p-blue-700)!important}.hover\\:border-blue-800:hover{border-color:var(--p-blue-800)!important}.hover\\:border-blue-900:hover{border-color:var(--p-blue-900)!important}.active\\:border-blue-50:active{border-color:var(--p-blue-50)!important}.active\\:border-blue-100:active{border-color:var(--p-blue-100)!important}.active\\:border-blue-200:active{border-color:var(--p-blue-200)!important}.active\\:border-blue-300:active{border-color:var(--p-blue-300)!important}.active\\:border-blue-400:active{border-color:var(--p-blue-400)!important}.active\\:border-blue-500:active{border-color:var(--p-blue-500)!important}.active\\:border-blue-600:active{border-color:var(--p-blue-600)!important}.active\\:border-blue-700:active{border-color:var(--p-blue-700)!important}.active\\:border-blue-800:active{border-color:var(--p-blue-800)!important}.active\\:border-blue-900:active{border-color:var(--p-blue-900)!important}.border-green-50{border-color:var(--p-green-50)!important}.border-green-100{border-color:var(--p-green-100)!important}.border-green-200{border-color:var(--p-green-200)!important}.border-green-300{border-color:var(--p-green-300)!important}.border-green-400{border-color:var(--p-green-400)!important}.border-green-500{border-color:var(--p-green-500)!important}.border-green-600{border-color:var(--p-green-600)!important}.border-green-700{border-color:var(--p-green-700)!important}.border-green-800{border-color:var(--p-green-800)!important}.border-green-900{border-color:var(--p-green-900)!important}.focus\\:border-green-50:focus{border-color:var(--p-green-50)!important}.focus\\:border-green-100:focus{border-color:var(--p-green-100)!important}.focus\\:border-green-200:focus{border-color:var(--p-green-200)!important}.focus\\:border-green-300:focus{border-color:var(--p-green-300)!important}.focus\\:border-green-400:focus{border-color:var(--p-green-400)!important}.focus\\:border-green-500:focus{border-color:var(--p-green-500)!important}.focus\\:border-green-600:focus{border-color:var(--p-green-600)!important}.focus\\:border-green-700:focus{border-color:var(--p-green-700)!important}.focus\\:border-green-800:focus{border-color:var(--p-green-800)!important}.focus\\:border-green-900:focus{border-color:var(--p-green-900)!important}.hover\\:border-green-50:hover{border-color:var(--p-green-50)!important}.hover\\:border-green-100:hover{border-color:var(--p-green-100)!important}.hover\\:border-green-200:hover{border-color:var(--p-green-200)!important}.hover\\:border-green-300:hover{border-color:var(--p-green-300)!important}.hover\\:border-green-400:hover{border-color:var(--p-green-400)!important}.hover\\:border-green-500:hover{border-color:var(--p-green-500)!important}.hover\\:border-green-600:hover{border-color:var(--p-green-600)!important}.hover\\:border-green-700:hover{border-color:var(--p-green-700)!important}.hover\\:border-green-800:hover{border-color:var(--p-green-800)!important}.hover\\:border-green-900:hover{border-color:var(--p-green-900)!important}.active\\:border-green-50:active{border-color:var(--p-green-50)!important}.active\\:border-green-100:active{border-color:var(--p-green-100)!important}.active\\:border-green-200:active{border-color:var(--p-green-200)!important}.active\\:border-green-300:active{border-color:var(--p-green-300)!important}.active\\:border-green-400:active{border-color:var(--p-green-400)!important}.active\\:border-green-500:active{border-color:var(--p-green-500)!important}.active\\:border-green-600:active{border-color:var(--p-green-600)!important}.active\\:border-green-700:active{border-color:var(--p-green-700)!important}.active\\:border-green-800:active{border-color:var(--p-green-800)!important}.active\\:border-green-900:active{border-color:var(--p-green-900)!important}.border-yellow-50{border-color:var(--p-yellow-50)!important}.border-yellow-100{border-color:var(--p-yellow-100)!important}.border-yellow-200{border-color:var(--p-yellow-200)!important}.border-yellow-300{border-color:var(--p-yellow-300)!important}.border-yellow-400{border-color:var(--p-yellow-400)!important}.border-yellow-500{border-color:var(--p-yellow-500)!important}.border-yellow-600{border-color:var(--p-yellow-600)!important}.border-yellow-700{border-color:var(--p-yellow-700)!important}.border-yellow-800{border-color:var(--p-yellow-800)!important}.border-yellow-900{border-color:var(--p-yellow-900)!important}.focus\\:border-yellow-50:focus{border-color:var(--p-yellow-50)!important}.focus\\:border-yellow-100:focus{border-color:var(--p-yellow-100)!important}.focus\\:border-yellow-200:focus{border-color:var(--p-yellow-200)!important}.focus\\:border-yellow-300:focus{border-color:var(--p-yellow-300)!important}.focus\\:border-yellow-400:focus{border-color:var(--p-yellow-400)!important}.focus\\:border-yellow-500:focus{border-color:var(--p-yellow-500)!important}.focus\\:border-yellow-600:focus{border-color:var(--p-yellow-600)!important}.focus\\:border-yellow-700:focus{border-color:var(--p-yellow-700)!important}.focus\\:border-yellow-800:focus{border-color:var(--p-yellow-800)!important}.focus\\:border-yellow-900:focus{border-color:var(--p-yellow-900)!important}.hover\\:border-yellow-50:hover{border-color:var(--p-yellow-50)!important}.hover\\:border-yellow-100:hover{border-color:var(--p-yellow-100)!important}.hover\\:border-yellow-200:hover{border-color:var(--p-yellow-200)!important}.hover\\:border-yellow-300:hover{border-color:var(--p-yellow-300)!important}.hover\\:border-yellow-400:hover{border-color:var(--p-yellow-400)!important}.hover\\:border-yellow-500:hover{border-color:var(--p-yellow-500)!important}.hover\\:border-yellow-600:hover{border-color:var(--p-yellow-600)!important}.hover\\:border-yellow-700:hover{border-color:var(--p-yellow-700)!important}.hover\\:border-yellow-800:hover{border-color:var(--p-yellow-800)!important}.hover\\:border-yellow-900:hover{border-color:var(--p-yellow-900)!important}.active\\:border-yellow-50:active{border-color:var(--p-yellow-50)!important}.active\\:border-yellow-100:active{border-color:var(--p-yellow-100)!important}.active\\:border-yellow-200:active{border-color:var(--p-yellow-200)!important}.active\\:border-yellow-300:active{border-color:var(--p-yellow-300)!important}.active\\:border-yellow-400:active{border-color:var(--p-yellow-400)!important}.active\\:border-yellow-500:active{border-color:var(--p-yellow-500)!important}.active\\:border-yellow-600:active{border-color:var(--p-yellow-600)!important}.active\\:border-yellow-700:active{border-color:var(--p-yellow-700)!important}.active\\:border-yellow-800:active{border-color:var(--p-yellow-800)!important}.active\\:border-yellow-900:active{border-color:var(--p-yellow-900)!important}.border-cyan-50{border-color:var(--p-cyan-50)!important}.border-cyan-100{border-color:var(--p-cyan-100)!important}.border-cyan-200{border-color:var(--p-cyan-200)!important}.border-cyan-300{border-color:var(--p-cyan-300)!important}.border-cyan-400{border-color:var(--p-cyan-400)!important}.border-cyan-500{border-color:var(--p-cyan-500)!important}.border-cyan-600{border-color:var(--p-cyan-600)!important}.border-cyan-700{border-color:var(--p-cyan-700)!important}.border-cyan-800{border-color:var(--p-cyan-800)!important}.border-cyan-900{border-color:var(--p-cyan-900)!important}.focus\\:border-cyan-50:focus{border-color:var(--p-cyan-50)!important}.focus\\:border-cyan-100:focus{border-color:var(--p-cyan-100)!important}.focus\\:border-cyan-200:focus{border-color:var(--p-cyan-200)!important}.focus\\:border-cyan-300:focus{border-color:var(--p-cyan-300)!important}.focus\\:border-cyan-400:focus{border-color:var(--p-cyan-400)!important}.focus\\:border-cyan-500:focus{border-color:var(--p-cyan-500)!important}.focus\\:border-cyan-600:focus{border-color:var(--p-cyan-600)!important}.focus\\:border-cyan-700:focus{border-color:var(--p-cyan-700)!important}.focus\\:border-cyan-800:focus{border-color:var(--p-cyan-800)!important}.focus\\:border-cyan-900:focus{border-color:var(--p-cyan-900)!important}.hover\\:border-cyan-50:hover{border-color:var(--p-cyan-50)!important}.hover\\:border-cyan-100:hover{border-color:var(--p-cyan-100)!important}.hover\\:border-cyan-200:hover{border-color:var(--p-cyan-200)!important}.hover\\:border-cyan-300:hover{border-color:var(--p-cyan-300)!important}.hover\\:border-cyan-400:hover{border-color:var(--p-cyan-400)!important}.hover\\:border-cyan-500:hover{border-color:var(--p-cyan-500)!important}.hover\\:border-cyan-600:hover{border-color:var(--p-cyan-600)!important}.hover\\:border-cyan-700:hover{border-color:var(--p-cyan-700)!important}.hover\\:border-cyan-800:hover{border-color:var(--p-cyan-800)!important}.hover\\:border-cyan-900:hover{border-color:var(--p-cyan-900)!important}.active\\:border-cyan-50:active{border-color:var(--p-cyan-50)!important}.active\\:border-cyan-100:active{border-color:var(--p-cyan-100)!important}.active\\:border-cyan-200:active{border-color:var(--p-cyan-200)!important}.active\\:border-cyan-300:active{border-color:var(--p-cyan-300)!important}.active\\:border-cyan-400:active{border-color:var(--p-cyan-400)!important}.active\\:border-cyan-500:active{border-color:var(--p-cyan-500)!important}.active\\:border-cyan-600:active{border-color:var(--p-cyan-600)!important}.active\\:border-cyan-700:active{border-color:var(--p-cyan-700)!important}.active\\:border-cyan-800:active{border-color:var(--p-cyan-800)!important}.active\\:border-cyan-900:active{border-color:var(--p-cyan-900)!important}.border-pink-50{border-color:var(--p-pink-50)!important}.border-pink-100{border-color:var(--p-pink-100)!important}.border-pink-200{border-color:var(--p-pink-200)!important}.border-pink-300{border-color:var(--p-pink-300)!important}.border-pink-400{border-color:var(--p-pink-400)!important}.border-pink-500{border-color:var(--p-pink-500)!important}.border-pink-600{border-color:var(--p-pink-600)!important}.border-pink-700{border-color:var(--p-pink-700)!important}.border-pink-800{border-color:var(--p-pink-800)!important}.border-pink-900{border-color:var(--p-pink-900)!important}.focus\\:border-pink-50:focus{border-color:var(--p-pink-50)!important}.focus\\:border-pink-100:focus{border-color:var(--p-pink-100)!important}.focus\\:border-pink-200:focus{border-color:var(--p-pink-200)!important}.focus\\:border-pink-300:focus{border-color:var(--p-pink-300)!important}.focus\\:border-pink-400:focus{border-color:var(--p-pink-400)!important}.focus\\:border-pink-500:focus{border-color:var(--p-pink-500)!important}.focus\\:border-pink-600:focus{border-color:var(--p-pink-600)!important}.focus\\:border-pink-700:focus{border-color:var(--p-pink-700)!important}.focus\\:border-pink-800:focus{border-color:var(--p-pink-800)!important}.focus\\:border-pink-900:focus{border-color:var(--p-pink-900)!important}.hover\\:border-pink-50:hover{border-color:var(--p-pink-50)!important}.hover\\:border-pink-100:hover{border-color:var(--p-pink-100)!important}.hover\\:border-pink-200:hover{border-color:var(--p-pink-200)!important}.hover\\:border-pink-300:hover{border-color:var(--p-pink-300)!important}.hover\\:border-pink-400:hover{border-color:var(--p-pink-400)!important}.hover\\:border-pink-500:hover{border-color:var(--p-pink-500)!important}.hover\\:border-pink-600:hover{border-color:var(--p-pink-600)!important}.hover\\:border-pink-700:hover{border-color:var(--p-pink-700)!important}.hover\\:border-pink-800:hover{border-color:var(--p-pink-800)!important}.hover\\:border-pink-900:hover{border-color:var(--p-pink-900)!important}.active\\:border-pink-50:active{border-color:var(--p-pink-50)!important}.active\\:border-pink-100:active{border-color:var(--p-pink-100)!important}.active\\:border-pink-200:active{border-color:var(--p-pink-200)!important}.active\\:border-pink-300:active{border-color:var(--p-pink-300)!important}.active\\:border-pink-400:active{border-color:var(--p-pink-400)!important}.active\\:border-pink-500:active{border-color:var(--p-pink-500)!important}.active\\:border-pink-600:active{border-color:var(--p-pink-600)!important}.active\\:border-pink-700:active{border-color:var(--p-pink-700)!important}.active\\:border-pink-800:active{border-color:var(--p-pink-800)!important}.active\\:border-pink-900:active{border-color:var(--p-pink-900)!important}.border-indigo-50{border-color:var(--p-indigo-50)!important}.border-indigo-100{border-color:var(--p-indigo-100)!important}.border-indigo-200{border-color:var(--p-indigo-200)!important}.border-indigo-300{border-color:var(--p-indigo-300)!important}.border-indigo-400{border-color:var(--p-indigo-400)!important}.border-indigo-500{border-color:var(--p-indigo-500)!important}.border-indigo-600{border-color:var(--p-indigo-600)!important}.border-indigo-700{border-color:var(--p-indigo-700)!important}.border-indigo-800{border-color:var(--p-indigo-800)!important}.border-indigo-900{border-color:var(--p-indigo-900)!important}.focus\\:border-indigo-50:focus{border-color:var(--p-indigo-50)!important}.focus\\:border-indigo-100:focus{border-color:var(--p-indigo-100)!important}.focus\\:border-indigo-200:focus{border-color:var(--p-indigo-200)!important}.focus\\:border-indigo-300:focus{border-color:var(--p-indigo-300)!important}.focus\\:border-indigo-400:focus{border-color:var(--p-indigo-400)!important}.focus\\:border-indigo-500:focus{border-color:var(--p-indigo-500)!important}.focus\\:border-indigo-600:focus{border-color:var(--p-indigo-600)!important}.focus\\:border-indigo-700:focus{border-color:var(--p-indigo-700)!important}.focus\\:border-indigo-800:focus{border-color:var(--p-indigo-800)!important}.focus\\:border-indigo-900:focus{border-color:var(--p-indigo-900)!important}.hover\\:border-indigo-50:hover{border-color:var(--p-indigo-50)!important}.hover\\:border-indigo-100:hover{border-color:var(--p-indigo-100)!important}.hover\\:border-indigo-200:hover{border-color:var(--p-indigo-200)!important}.hover\\:border-indigo-300:hover{border-color:var(--p-indigo-300)!important}.hover\\:border-indigo-400:hover{border-color:var(--p-indigo-400)!important}.hover\\:border-indigo-500:hover{border-color:var(--p-indigo-500)!important}.hover\\:border-indigo-600:hover{border-color:var(--p-indigo-600)!important}.hover\\:border-indigo-700:hover{border-color:var(--p-indigo-700)!important}.hover\\:border-indigo-800:hover{border-color:var(--p-indigo-800)!important}.hover\\:border-indigo-900:hover{border-color:var(--p-indigo-900)!important}.active\\:border-indigo-50:active{border-color:var(--p-indigo-50)!important}.active\\:border-indigo-100:active{border-color:var(--p-indigo-100)!important}.active\\:border-indigo-200:active{border-color:var(--p-indigo-200)!important}.active\\:border-indigo-300:active{border-color:var(--p-indigo-300)!important}.active\\:border-indigo-400:active{border-color:var(--p-indigo-400)!important}.active\\:border-indigo-500:active{border-color:var(--p-indigo-500)!important}.active\\:border-indigo-600:active{border-color:var(--p-indigo-600)!important}.active\\:border-indigo-700:active{border-color:var(--p-indigo-700)!important}.active\\:border-indigo-800:active{border-color:var(--p-indigo-800)!important}.active\\:border-indigo-900:active{border-color:var(--p-indigo-900)!important}.border-teal-50{border-color:var(--p-teal-50)!important}.border-teal-100{border-color:var(--p-teal-100)!important}.border-teal-200{border-color:var(--p-teal-200)!important}.border-teal-300{border-color:var(--p-teal-300)!important}.border-teal-400{border-color:var(--p-teal-400)!important}.border-teal-500{border-color:var(--p-teal-500)!important}.border-teal-600{border-color:var(--p-teal-600)!important}.border-teal-700{border-color:var(--p-teal-700)!important}.border-teal-800{border-color:var(--p-teal-800)!important}.border-teal-900{border-color:var(--p-teal-900)!important}.focus\\:border-teal-50:focus{border-color:var(--p-teal-50)!important}.focus\\:border-teal-100:focus{border-color:var(--p-teal-100)!important}.focus\\:border-teal-200:focus{border-color:var(--p-teal-200)!important}.focus\\:border-teal-300:focus{border-color:var(--p-teal-300)!important}.focus\\:border-teal-400:focus{border-color:var(--p-teal-400)!important}.focus\\:border-teal-500:focus{border-color:var(--p-teal-500)!important}.focus\\:border-teal-600:focus{border-color:var(--p-teal-600)!important}.focus\\:border-teal-700:focus{border-color:var(--p-teal-700)!important}.focus\\:border-teal-800:focus{border-color:var(--p-teal-800)!important}.focus\\:border-teal-900:focus{border-color:var(--p-teal-900)!important}.hover\\:border-teal-50:hover{border-color:var(--p-teal-50)!important}.hover\\:border-teal-100:hover{border-color:var(--p-teal-100)!important}.hover\\:border-teal-200:hover{border-color:var(--p-teal-200)!important}.hover\\:border-teal-300:hover{border-color:var(--p-teal-300)!important}.hover\\:border-teal-400:hover{border-color:var(--p-teal-400)!important}.hover\\:border-teal-500:hover{border-color:var(--p-teal-500)!important}.hover\\:border-teal-600:hover{border-color:var(--p-teal-600)!important}.hover\\:border-teal-700:hover{border-color:var(--p-teal-700)!important}.hover\\:border-teal-800:hover{border-color:var(--p-teal-800)!important}.hover\\:border-teal-900:hover{border-color:var(--p-teal-900)!important}.active\\:border-teal-50:active{border-color:var(--p-teal-50)!important}.active\\:border-teal-100:active{border-color:var(--p-teal-100)!important}.active\\:border-teal-200:active{border-color:var(--p-teal-200)!important}.active\\:border-teal-300:active{border-color:var(--p-teal-300)!important}.active\\:border-teal-400:active{border-color:var(--p-teal-400)!important}.active\\:border-teal-500:active{border-color:var(--p-teal-500)!important}.active\\:border-teal-600:active{border-color:var(--p-teal-600)!important}.active\\:border-teal-700:active{border-color:var(--p-teal-700)!important}.active\\:border-teal-800:active{border-color:var(--p-teal-800)!important}.active\\:border-teal-900:active{border-color:var(--p-teal-900)!important}.border-orange-50{border-color:var(--p-orange-50)!important}.border-orange-100{border-color:var(--p-orange-100)!important}.border-orange-200{border-color:var(--p-orange-200)!important}.border-orange-300{border-color:var(--p-orange-300)!important}.border-orange-400{border-color:var(--p-orange-400)!important}.border-orange-500{border-color:var(--p-orange-500)!important}.border-orange-600{border-color:var(--p-orange-600)!important}.border-orange-700{border-color:var(--p-orange-700)!important}.border-orange-800{border-color:var(--p-orange-800)!important}.border-orange-900{border-color:var(--p-orange-900)!important}.focus\\:border-orange-50:focus{border-color:var(--p-orange-50)!important}.focus\\:border-orange-100:focus{border-color:var(--p-orange-100)!important}.focus\\:border-orange-200:focus{border-color:var(--p-orange-200)!important}.focus\\:border-orange-300:focus{border-color:var(--p-orange-300)!important}.focus\\:border-orange-400:focus{border-color:var(--p-orange-400)!important}.focus\\:border-orange-500:focus{border-color:var(--p-orange-500)!important}.focus\\:border-orange-600:focus{border-color:var(--p-orange-600)!important}.focus\\:border-orange-700:focus{border-color:var(--p-orange-700)!important}.focus\\:border-orange-800:focus{border-color:var(--p-orange-800)!important}.focus\\:border-orange-900:focus{border-color:var(--p-orange-900)!important}.hover\\:border-orange-50:hover{border-color:var(--p-orange-50)!important}.hover\\:border-orange-100:hover{border-color:var(--p-orange-100)!important}.hover\\:border-orange-200:hover{border-color:var(--p-orange-200)!important}.hover\\:border-orange-300:hover{border-color:var(--p-orange-300)!important}.hover\\:border-orange-400:hover{border-color:var(--p-orange-400)!important}.hover\\:border-orange-500:hover{border-color:var(--p-orange-500)!important}.hover\\:border-orange-600:hover{border-color:var(--p-orange-600)!important}.hover\\:border-orange-700:hover{border-color:var(--p-orange-700)!important}.hover\\:border-orange-800:hover{border-color:var(--p-orange-800)!important}.hover\\:border-orange-900:hover{border-color:var(--p-orange-900)!important}.active\\:border-orange-50:active{border-color:var(--p-orange-50)!important}.active\\:border-orange-100:active{border-color:var(--p-orange-100)!important}.active\\:border-orange-200:active{border-color:var(--p-orange-200)!important}.active\\:border-orange-300:active{border-color:var(--p-orange-300)!important}.active\\:border-orange-400:active{border-color:var(--p-orange-400)!important}.active\\:border-orange-500:active{border-color:var(--p-orange-500)!important}.active\\:border-orange-600:active{border-color:var(--p-orange-600)!important}.active\\:border-orange-700:active{border-color:var(--p-orange-700)!important}.active\\:border-orange-800:active{border-color:var(--p-orange-800)!important}.active\\:border-orange-900:active{border-color:var(--p-orange-900)!important}.border-bluegray-50{border-color:var(--p-bluegray-50)!important}.border-bluegray-100{border-color:var(--p-bluegray-100)!important}.border-bluegray-200{border-color:var(--p-bluegray-200)!important}.border-bluegray-300{border-color:var(--p-bluegray-300)!important}.border-bluegray-400{border-color:var(--p-bluegray-400)!important}.border-bluegray-500{border-color:var(--p-bluegray-500)!important}.border-bluegray-600{border-color:var(--p-bluegray-600)!important}.border-bluegray-700{border-color:var(--p-bluegray-700)!important}.border-bluegray-800{border-color:var(--p-bluegray-800)!important}.border-bluegray-900{border-color:var(--p-bluegray-900)!important}.focus\\:border-bluegray-50:focus{border-color:var(--p-bluegray-50)!important}.focus\\:border-bluegray-100:focus{border-color:var(--p-bluegray-100)!important}.focus\\:border-bluegray-200:focus{border-color:var(--p-bluegray-200)!important}.focus\\:border-bluegray-300:focus{border-color:var(--p-bluegray-300)!important}.focus\\:border-bluegray-400:focus{border-color:var(--p-bluegray-400)!important}.focus\\:border-bluegray-500:focus{border-color:var(--p-bluegray-500)!important}.focus\\:border-bluegray-600:focus{border-color:var(--p-bluegray-600)!important}.focus\\:border-bluegray-700:focus{border-color:var(--p-bluegray-700)!important}.focus\\:border-bluegray-800:focus{border-color:var(--p-bluegray-800)!important}.focus\\:border-bluegray-900:focus{border-color:var(--p-bluegray-900)!important}.hover\\:border-bluegray-50:hover{border-color:var(--p-bluegray-50)!important}.hover\\:border-bluegray-100:hover{border-color:var(--p-bluegray-100)!important}.hover\\:border-bluegray-200:hover{border-color:var(--p-bluegray-200)!important}.hover\\:border-bluegray-300:hover{border-color:var(--p-bluegray-300)!important}.hover\\:border-bluegray-400:hover{border-color:var(--p-bluegray-400)!important}.hover\\:border-bluegray-500:hover{border-color:var(--p-bluegray-500)!important}.hover\\:border-bluegray-600:hover{border-color:var(--p-bluegray-600)!important}.hover\\:border-bluegray-700:hover{border-color:var(--p-bluegray-700)!important}.hover\\:border-bluegray-800:hover{border-color:var(--p-bluegray-800)!important}.hover\\:border-bluegray-900:hover{border-color:var(--p-bluegray-900)!important}.active\\:border-bluegray-50:active{border-color:var(--p-bluegray-50)!important}.active\\:border-bluegray-100:active{border-color:var(--p-bluegray-100)!important}.active\\:border-bluegray-200:active{border-color:var(--p-bluegray-200)!important}.active\\:border-bluegray-300:active{border-color:var(--p-bluegray-300)!important}.active\\:border-bluegray-400:active{border-color:var(--p-bluegray-400)!important}.active\\:border-bluegray-500:active{border-color:var(--p-bluegray-500)!important}.active\\:border-bluegray-600:active{border-color:var(--p-bluegray-600)!important}.active\\:border-bluegray-700:active{border-color:var(--p-bluegray-700)!important}.active\\:border-bluegray-800:active{border-color:var(--p-bluegray-800)!important}.active\\:border-bluegray-900:active{border-color:var(--p-bluegray-900)!important}.border-purple-50{border-color:var(--p-purple-50)!important}.border-purple-100{border-color:var(--p-purple-100)!important}.border-purple-200{border-color:var(--p-purple-200)!important}.border-purple-300{border-color:var(--p-purple-300)!important}.border-purple-400{border-color:var(--p-purple-400)!important}.border-purple-500{border-color:var(--p-purple-500)!important}.border-purple-600{border-color:var(--p-purple-600)!important}.border-purple-700{border-color:var(--p-purple-700)!important}.border-purple-800{border-color:var(--p-purple-800)!important}.border-purple-900{border-color:var(--p-purple-900)!important}.focus\\:border-purple-50:focus{border-color:var(--p-purple-50)!important}.focus\\:border-purple-100:focus{border-color:var(--p-purple-100)!important}.focus\\:border-purple-200:focus{border-color:var(--p-purple-200)!important}.focus\\:border-purple-300:focus{border-color:var(--p-purple-300)!important}.focus\\:border-purple-400:focus{border-color:var(--p-purple-400)!important}.focus\\:border-purple-500:focus{border-color:var(--p-purple-500)!important}.focus\\:border-purple-600:focus{border-color:var(--p-purple-600)!important}.focus\\:border-purple-700:focus{border-color:var(--p-purple-700)!important}.focus\\:border-purple-800:focus{border-color:var(--p-purple-800)!important}.focus\\:border-purple-900:focus{border-color:var(--p-purple-900)!important}.hover\\:border-purple-50:hover{border-color:var(--p-purple-50)!important}.hover\\:border-purple-100:hover{border-color:var(--p-purple-100)!important}.hover\\:border-purple-200:hover{border-color:var(--p-purple-200)!important}.hover\\:border-purple-300:hover{border-color:var(--p-purple-300)!important}.hover\\:border-purple-400:hover{border-color:var(--p-purple-400)!important}.hover\\:border-purple-500:hover{border-color:var(--p-purple-500)!important}.hover\\:border-purple-600:hover{border-color:var(--p-purple-600)!important}.hover\\:border-purple-700:hover{border-color:var(--p-purple-700)!important}.hover\\:border-purple-800:hover{border-color:var(--p-purple-800)!important}.hover\\:border-purple-900:hover{border-color:var(--p-purple-900)!important}.active\\:border-purple-50:active{border-color:var(--p-purple-50)!important}.active\\:border-purple-100:active{border-color:var(--p-purple-100)!important}.active\\:border-purple-200:active{border-color:var(--p-purple-200)!important}.active\\:border-purple-300:active{border-color:var(--p-purple-300)!important}.active\\:border-purple-400:active{border-color:var(--p-purple-400)!important}.active\\:border-purple-500:active{border-color:var(--p-purple-500)!important}.active\\:border-purple-600:active{border-color:var(--p-purple-600)!important}.active\\:border-purple-700:active{border-color:var(--p-purple-700)!important}.active\\:border-purple-800:active{border-color:var(--p-purple-800)!important}.active\\:border-purple-900:active{border-color:var(--p-purple-900)!important}.border-gray-50{border-color:var(--p-gray-50)!important}.border-gray-100{border-color:var(--p-gray-100)!important}.border-gray-200{border-color:var(--p-gray-200)!important}.border-gray-300{border-color:var(--p-gray-300)!important}.border-gray-400{border-color:var(--p-gray-400)!important}.border-gray-500{border-color:var(--p-gray-500)!important}.border-gray-600{border-color:var(--p-gray-600)!important}.border-gray-700{border-color:var(--p-gray-700)!important}.border-gray-800{border-color:var(--p-gray-800)!important}.border-gray-900{border-color:var(--p-gray-900)!important}.focus\\:border-gray-50:focus{border-color:var(--p-gray-50)!important}.focus\\:border-gray-100:focus{border-color:var(--p-gray-100)!important}.focus\\:border-gray-200:focus{border-color:var(--p-gray-200)!important}.focus\\:border-gray-300:focus{border-color:var(--p-gray-300)!important}.focus\\:border-gray-400:focus{border-color:var(--p-gray-400)!important}.focus\\:border-gray-500:focus{border-color:var(--p-gray-500)!important}.focus\\:border-gray-600:focus{border-color:var(--p-gray-600)!important}.focus\\:border-gray-700:focus{border-color:var(--p-gray-700)!important}.focus\\:border-gray-800:focus{border-color:var(--p-gray-800)!important}.focus\\:border-gray-900:focus{border-color:var(--p-gray-900)!important}.hover\\:border-gray-50:hover{border-color:var(--p-gray-50)!important}.hover\\:border-gray-100:hover{border-color:var(--p-gray-100)!important}.hover\\:border-gray-200:hover{border-color:var(--p-gray-200)!important}.hover\\:border-gray-300:hover{border-color:var(--p-gray-300)!important}.hover\\:border-gray-400:hover{border-color:var(--p-gray-400)!important}.hover\\:border-gray-500:hover{border-color:var(--p-gray-500)!important}.hover\\:border-gray-600:hover{border-color:var(--p-gray-600)!important}.hover\\:border-gray-700:hover{border-color:var(--p-gray-700)!important}.hover\\:border-gray-800:hover{border-color:var(--p-gray-800)!important}.hover\\:border-gray-900:hover{border-color:var(--p-gray-900)!important}.active\\:border-gray-50:active{border-color:var(--p-gray-50)!important}.active\\:border-gray-100:active{border-color:var(--p-gray-100)!important}.active\\:border-gray-200:active{border-color:var(--p-gray-200)!important}.active\\:border-gray-300:active{border-color:var(--p-gray-300)!important}.active\\:border-gray-400:active{border-color:var(--p-gray-400)!important}.active\\:border-gray-500:active{border-color:var(--p-gray-500)!important}.active\\:border-gray-600:active{border-color:var(--p-gray-600)!important}.active\\:border-gray-700:active{border-color:var(--p-gray-700)!important}.active\\:border-gray-800:active{border-color:var(--p-gray-800)!important}.active\\:border-gray-900:active{border-color:var(--p-gray-900)!important}.border-red-50{border-color:var(--p-red-50)!important}.border-red-100{border-color:var(--p-red-100)!important}.border-red-200{border-color:var(--p-red-200)!important}.border-red-300{border-color:var(--p-red-300)!important}.border-red-400{border-color:var(--p-red-400)!important}.border-red-500{border-color:var(--p-red-500)!important}.border-red-600{border-color:var(--p-red-600)!important}.border-red-700{border-color:var(--p-red-700)!important}.border-red-800{border-color:var(--p-red-800)!important}.border-red-900{border-color:var(--p-red-900)!important}.focus\\:border-red-50:focus{border-color:var(--p-red-50)!important}.focus\\:border-red-100:focus{border-color:var(--p-red-100)!important}.focus\\:border-red-200:focus{border-color:var(--p-red-200)!important}.focus\\:border-red-300:focus{border-color:var(--p-red-300)!important}.focus\\:border-red-400:focus{border-color:var(--p-red-400)!important}.focus\\:border-red-500:focus{border-color:var(--p-red-500)!important}.focus\\:border-red-600:focus{border-color:var(--p-red-600)!important}.focus\\:border-red-700:focus{border-color:var(--p-red-700)!important}.focus\\:border-red-800:focus{border-color:var(--p-red-800)!important}.focus\\:border-red-900:focus{border-color:var(--p-red-900)!important}.hover\\:border-red-50:hover{border-color:var(--p-red-50)!important}.hover\\:border-red-100:hover{border-color:var(--p-red-100)!important}.hover\\:border-red-200:hover{border-color:var(--p-red-200)!important}.hover\\:border-red-300:hover{border-color:var(--p-red-300)!important}.hover\\:border-red-400:hover{border-color:var(--p-red-400)!important}.hover\\:border-red-500:hover{border-color:var(--p-red-500)!important}.hover\\:border-red-600:hover{border-color:var(--p-red-600)!important}.hover\\:border-red-700:hover{border-color:var(--p-red-700)!important}.hover\\:border-red-800:hover{border-color:var(--p-red-800)!important}.hover\\:border-red-900:hover{border-color:var(--p-red-900)!important}.active\\:border-red-50:active{border-color:var(--p-red-50)!important}.active\\:border-red-100:active{border-color:var(--p-red-100)!important}.active\\:border-red-200:active{border-color:var(--p-red-200)!important}.active\\:border-red-300:active{border-color:var(--p-red-300)!important}.active\\:border-red-400:active{border-color:var(--p-red-400)!important}.active\\:border-red-500:active{border-color:var(--p-red-500)!important}.active\\:border-red-600:active{border-color:var(--p-red-600)!important}.active\\:border-red-700:active{border-color:var(--p-red-700)!important}.active\\:border-red-800:active{border-color:var(--p-red-800)!important}.active\\:border-red-900:active{border-color:var(--p-red-900)!important}.border-primary-50{border-color:var(--p-primary-50)!important}.border-primary-100{border-color:var(--p-primary-100)!important}.border-primary-200{border-color:var(--p-primary-200)!important}.border-primary-300{border-color:var(--p-primary-300)!important}.border-primary-400{border-color:var(--p-primary-400)!important}.border-primary-500{border-color:var(--p-primary-500)!important}.border-primary-600{border-color:var(--p-primary-600)!important}.border-primary-700{border-color:var(--p-primary-700)!important}.border-primary-800{border-color:var(--p-primary-800)!important}.border-primary-900{border-color:var(--p-primary-900)!important}.focus\\:border-primary-50:focus{border-color:var(--p-primary-50)!important}.focus\\:border-primary-100:focus{border-color:var(--p-primary-100)!important}.focus\\:border-primary-200:focus{border-color:var(--p-primary-200)!important}.focus\\:border-primary-300:focus{border-color:var(--p-primary-300)!important}.focus\\:border-primary-400:focus{border-color:var(--p-primary-400)!important}.focus\\:border-primary-500:focus{border-color:var(--p-primary-500)!important}.focus\\:border-primary-600:focus{border-color:var(--p-primary-600)!important}.focus\\:border-primary-700:focus{border-color:var(--p-primary-700)!important}.focus\\:border-primary-800:focus{border-color:var(--p-primary-800)!important}.focus\\:border-primary-900:focus{border-color:var(--p-primary-900)!important}.hover\\:border-primary-50:hover{border-color:var(--p-primary-50)!important}.hover\\:border-primary-100:hover{border-color:var(--p-primary-100)!important}.hover\\:border-primary-200:hover{border-color:var(--p-primary-200)!important}.hover\\:border-primary-300:hover{border-color:var(--p-primary-300)!important}.hover\\:border-primary-400:hover{border-color:var(--p-primary-400)!important}.hover\\:border-primary-500:hover{border-color:var(--p-primary-500)!important}.hover\\:border-primary-600:hover{border-color:var(--p-primary-600)!important}.hover\\:border-primary-700:hover{border-color:var(--p-primary-700)!important}.hover\\:border-primary-800:hover{border-color:var(--p-primary-800)!important}.hover\\:border-primary-900:hover{border-color:var(--p-primary-900)!important}.active\\:border-primary-50:active{border-color:var(--p-primary-50)!important}.active\\:border-primary-100:active{border-color:var(--p-primary-100)!important}.active\\:border-primary-200:active{border-color:var(--p-primary-200)!important}.active\\:border-primary-300:active{border-color:var(--p-primary-300)!important}.active\\:border-primary-400:active{border-color:var(--p-primary-400)!important}.active\\:border-primary-500:active{border-color:var(--p-primary-500)!important}.active\\:border-primary-600:active{border-color:var(--p-primary-600)!important}.active\\:border-primary-700:active{border-color:var(--p-primary-700)!important}.active\\:border-primary-800:active{border-color:var(--p-primary-800)!important}.active\\:border-primary-900:active{border-color:var(--p-primary-900)!important}.bg-white-alpha-10{background-color:#ffffff1a!important}.bg-white-alpha-20{background-color:#fff3!important}.bg-white-alpha-30{background-color:#ffffff4d!important}.bg-white-alpha-40{background-color:#fff6!important}.bg-white-alpha-50{background-color:#ffffff80!important}.bg-white-alpha-60{background-color:#fff9!important}.bg-white-alpha-70{background-color:#ffffffb3!important}.bg-white-alpha-80{background-color:#fffc!important}.bg-white-alpha-90{background-color:#ffffffe6!important}.hover\\:bg-white-alpha-10:hover{background-color:#ffffff1a!important}.hover\\:bg-white-alpha-20:hover{background-color:#fff3!important}.hover\\:bg-white-alpha-30:hover{background-color:#ffffff4d!important}.hover\\:bg-white-alpha-40:hover{background-color:#fff6!important}.hover\\:bg-white-alpha-50:hover{background-color:#ffffff80!important}.hover\\:bg-white-alpha-60:hover{background-color:#fff9!important}.hover\\:bg-white-alpha-70:hover{background-color:#ffffffb3!important}.hover\\:bg-white-alpha-80:hover{background-color:#fffc!important}.hover\\:bg-white-alpha-90:hover{background-color:#ffffffe6!important}.focus\\:bg-white-alpha-10:focus{background-color:#ffffff1a!important}.focus\\:bg-white-alpha-20:focus{background-color:#fff3!important}.focus\\:bg-white-alpha-30:focus{background-color:#ffffff4d!important}.focus\\:bg-white-alpha-40:focus{background-color:#fff6!important}.focus\\:bg-white-alpha-50:focus{background-color:#ffffff80!important}.focus\\:bg-white-alpha-60:focus{background-color:#fff9!important}.focus\\:bg-white-alpha-70:focus{background-color:#ffffffb3!important}.focus\\:bg-white-alpha-80:focus{background-color:#fffc!important}.focus\\:bg-white-alpha-90:focus{background-color:#ffffffe6!important}.active\\:bg-white-alpha-10:active{background-color:#ffffff1a!important}.active\\:bg-white-alpha-20:active{background-color:#fff3!important}.active\\:bg-white-alpha-30:active{background-color:#ffffff4d!important}.active\\:bg-white-alpha-40:active{background-color:#fff6!important}.active\\:bg-white-alpha-50:active{background-color:#ffffff80!important}.active\\:bg-white-alpha-60:active{background-color:#fff9!important}.active\\:bg-white-alpha-70:active{background-color:#ffffffb3!important}.active\\:bg-white-alpha-80:active{background-color:#fffc!important}.active\\:bg-white-alpha-90:active{background-color:#ffffffe6!important}.bg-black-alpha-10{background-color:#0000001a!important}.bg-black-alpha-20{background-color:#0003!important}.bg-black-alpha-30{background-color:#0000004d!important}.bg-black-alpha-40{background-color:#0006!important}.bg-black-alpha-50{background-color:#00000080!important}.bg-black-alpha-60{background-color:#0009!important}.bg-black-alpha-70{background-color:#000000b3!important}.bg-black-alpha-80{background-color:#000c!important}.bg-black-alpha-90{background-color:#000000e6!important}.hover\\:bg-black-alpha-10:hover{background-color:#0000001a!important}.hover\\:bg-black-alpha-20:hover{background-color:#0003!important}.hover\\:bg-black-alpha-30:hover{background-color:#0000004d!important}.hover\\:bg-black-alpha-40:hover{background-color:#0006!important}.hover\\:bg-black-alpha-50:hover{background-color:#00000080!important}.hover\\:bg-black-alpha-60:hover{background-color:#0009!important}.hover\\:bg-black-alpha-70:hover{background-color:#000000b3!important}.hover\\:bg-black-alpha-80:hover{background-color:#000c!important}.hover\\:bg-black-alpha-90:hover{background-color:#000000e6!important}.focus\\:bg-black-alpha-10:focus{background-color:#0000001a!important}.focus\\:bg-black-alpha-20:focus{background-color:#0003!important}.focus\\:bg-black-alpha-30:focus{background-color:#0000004d!important}.focus\\:bg-black-alpha-40:focus{background-color:#0006!important}.focus\\:bg-black-alpha-50:focus{background-color:#00000080!important}.focus\\:bg-black-alpha-60:focus{background-color:#0009!important}.focus\\:bg-black-alpha-70:focus{background-color:#000000b3!important}.focus\\:bg-black-alpha-80:focus{background-color:#000c!important}.focus\\:bg-black-alpha-90:focus{background-color:#000000e6!important}.active\\:bg-black-alpha-10:active{background-color:#0000001a!important}.active\\:bg-black-alpha-20:active{background-color:#0003!important}.active\\:bg-black-alpha-30:active{background-color:#0000004d!important}.active\\:bg-black-alpha-40:active{background-color:#0006!important}.active\\:bg-black-alpha-50:active{background-color:#00000080!important}.active\\:bg-black-alpha-60:active{background-color:#0009!important}.active\\:bg-black-alpha-70:active{background-color:#000000b3!important}.active\\:bg-black-alpha-80:active{background-color:#000c!important}.active\\:bg-black-alpha-90:active{background-color:#000000e6!important}.border-white-alpha-10{border-color:#ffffff1a!important}.border-white-alpha-20{border-color:#fff3!important}.border-white-alpha-30{border-color:#ffffff4d!important}.border-white-alpha-40{border-color:#fff6!important}.border-white-alpha-50{border-color:#ffffff80!important}.border-white-alpha-60{border-color:#fff9!important}.border-white-alpha-70{border-color:#ffffffb3!important}.border-white-alpha-80{border-color:#fffc!important}.border-white-alpha-90{border-color:#ffffffe6!important}.hover\\:border-white-alpha-10:hover{border-color:#ffffff1a!important}.hover\\:border-white-alpha-20:hover{border-color:#fff3!important}.hover\\:border-white-alpha-30:hover{border-color:#ffffff4d!important}.hover\\:border-white-alpha-40:hover{border-color:#fff6!important}.hover\\:border-white-alpha-50:hover{border-color:#ffffff80!important}.hover\\:border-white-alpha-60:hover{border-color:#fff9!important}.hover\\:border-white-alpha-70:hover{border-color:#ffffffb3!important}.hover\\:border-white-alpha-80:hover{border-color:#fffc!important}.hover\\:border-white-alpha-90:hover{border-color:#ffffffe6!important}.focus\\:border-white-alpha-10:focus{border-color:#ffffff1a!important}.focus\\:border-white-alpha-20:focus{border-color:#fff3!important}.focus\\:border-white-alpha-30:focus{border-color:#ffffff4d!important}.focus\\:border-white-alpha-40:focus{border-color:#fff6!important}.focus\\:border-white-alpha-50:focus{border-color:#ffffff80!important}.focus\\:border-white-alpha-60:focus{border-color:#fff9!important}.focus\\:border-white-alpha-70:focus{border-color:#ffffffb3!important}.focus\\:border-white-alpha-80:focus{border-color:#fffc!important}.focus\\:border-white-alpha-90:focus{border-color:#ffffffe6!important}.active\\:border-white-alpha-10:active{border-color:#ffffff1a!important}.active\\:border-white-alpha-20:active{border-color:#fff3!important}.active\\:border-white-alpha-30:active{border-color:#ffffff4d!important}.active\\:border-white-alpha-40:active{border-color:#fff6!important}.active\\:border-white-alpha-50:active{border-color:#ffffff80!important}.active\\:border-white-alpha-60:active{border-color:#fff9!important}.active\\:border-white-alpha-70:active{border-color:#ffffffb3!important}.active\\:border-white-alpha-80:active{border-color:#fffc!important}.active\\:border-white-alpha-90:active{border-color:#ffffffe6!important}.border-black-alpha-10{border-color:#0000001a!important}.border-black-alpha-20{border-color:#0003!important}.border-black-alpha-30{border-color:#0000004d!important}.border-black-alpha-40{border-color:#0006!important}.border-black-alpha-50{border-color:#00000080!important}.border-black-alpha-60{border-color:#0009!important}.border-black-alpha-70{border-color:#000000b3!important}.border-black-alpha-80{border-color:#000c!important}.border-black-alpha-90{border-color:#000000e6!important}.hover\\:border-black-alpha-10:hover{border-color:#0000001a!important}.hover\\:border-black-alpha-20:hover{border-color:#0003!important}.hover\\:border-black-alpha-30:hover{border-color:#0000004d!important}.hover\\:border-black-alpha-40:hover{border-color:#0006!important}.hover\\:border-black-alpha-50:hover{border-color:#00000080!important}.hover\\:border-black-alpha-60:hover{border-color:#0009!important}.hover\\:border-black-alpha-70:hover{border-color:#000000b3!important}.hover\\:border-black-alpha-80:hover{border-color:#000c!important}.hover\\:border-black-alpha-90:hover{border-color:#000000e6!important}.focus\\:border-black-alpha-10:focus{border-color:#0000001a!important}.focus\\:border-black-alpha-20:focus{border-color:#0003!important}.focus\\:border-black-alpha-30:focus{border-color:#0000004d!important}.focus\\:border-black-alpha-40:focus{border-color:#0006!important}.focus\\:border-black-alpha-50:focus{border-color:#00000080!important}.focus\\:border-black-alpha-60:focus{border-color:#0009!important}.focus\\:border-black-alpha-70:focus{border-color:#000000b3!important}.focus\\:border-black-alpha-80:focus{border-color:#000c!important}.focus\\:border-black-alpha-90:focus{border-color:#000000e6!important}.active\\:border-black-alpha-10:active{border-color:#0000001a!important}.active\\:border-black-alpha-20:active{border-color:#0003!important}.active\\:border-black-alpha-30:active{border-color:#0000004d!important}.active\\:border-black-alpha-40:active{border-color:#0006!important}.active\\:border-black-alpha-50:active{border-color:#00000080!important}.active\\:border-black-alpha-60:active{border-color:#0009!important}.active\\:border-black-alpha-70:active{border-color:#000000b3!important}.active\\:border-black-alpha-80:active{border-color:#000c!important}.active\\:border-black-alpha-90:active{border-color:#000000e6!important}.text-white-alpha-10{color:#ffffff1a!important}.text-white-alpha-20{color:#fff3!important}.text-white-alpha-30{color:#ffffff4d!important}.text-white-alpha-40{color:#fff6!important}.text-white-alpha-50{color:#ffffff80!important}.text-white-alpha-60{color:#fff9!important}.text-white-alpha-70{color:#ffffffb3!important}.text-white-alpha-80{color:#fffc!important}.text-white-alpha-90{color:#ffffffe6!important}.hover\\:text-white-alpha-10:hover{color:#ffffff1a!important}.hover\\:text-white-alpha-20:hover{color:#fff3!important}.hover\\:text-white-alpha-30:hover{color:#ffffff4d!important}.hover\\:text-white-alpha-40:hover{color:#fff6!important}.hover\\:text-white-alpha-50:hover{color:#ffffff80!important}.hover\\:text-white-alpha-60:hover{color:#fff9!important}.hover\\:text-white-alpha-70:hover{color:#ffffffb3!important}.hover\\:text-white-alpha-80:hover{color:#fffc!important}.hover\\:text-white-alpha-90:hover{color:#ffffffe6!important}.focus\\:text-white-alpha-10:focus{color:#ffffff1a!important}.focus\\:text-white-alpha-20:focus{color:#fff3!important}.focus\\:text-white-alpha-30:focus{color:#ffffff4d!important}.focus\\:text-white-alpha-40:focus{color:#fff6!important}.focus\\:text-white-alpha-50:focus{color:#ffffff80!important}.focus\\:text-white-alpha-60:focus{color:#fff9!important}.focus\\:text-white-alpha-70:focus{color:#ffffffb3!important}.focus\\:text-white-alpha-80:focus{color:#fffc!important}.focus\\:text-white-alpha-90:focus{color:#ffffffe6!important}.active\\:text-white-alpha-10:active{color:#ffffff1a!important}.active\\:text-white-alpha-20:active{color:#fff3!important}.active\\:text-white-alpha-30:active{color:#ffffff4d!important}.active\\:text-white-alpha-40:active{color:#fff6!important}.active\\:text-white-alpha-50:active{color:#ffffff80!important}.active\\:text-white-alpha-60:active{color:#fff9!important}.active\\:text-white-alpha-70:active{color:#ffffffb3!important}.active\\:text-white-alpha-80:active{color:#fffc!important}.active\\:text-white-alpha-90:active{color:#ffffffe6!important}.text-black-alpha-10{color:#0000001a!important}.text-black-alpha-20{color:#0003!important}.text-black-alpha-30{color:#0000004d!important}.text-black-alpha-40{color:#0006!important}.text-black-alpha-50{color:#00000080!important}.text-black-alpha-60{color:#0009!important}.text-black-alpha-70{color:#000000b3!important}.text-black-alpha-80{color:#000c!important}.text-black-alpha-90{color:#000000e6!important}.hover\\:text-black-alpha-10:hover{color:#0000001a!important}.hover\\:text-black-alpha-20:hover{color:#0003!important}.hover\\:text-black-alpha-30:hover{color:#0000004d!important}.hover\\:text-black-alpha-40:hover{color:#0006!important}.hover\\:text-black-alpha-50:hover{color:#00000080!important}.hover\\:text-black-alpha-60:hover{color:#0009!important}.hover\\:text-black-alpha-70:hover{color:#000000b3!important}.hover\\:text-black-alpha-80:hover{color:#000c!important}.hover\\:text-black-alpha-90:hover{color:#000000e6!important}.focus\\:text-black-alpha-10:focus{color:#0000001a!important}.focus\\:text-black-alpha-20:focus{color:#0003!important}.focus\\:text-black-alpha-30:focus{color:#0000004d!important}.focus\\:text-black-alpha-40:focus{color:#0006!important}.focus\\:text-black-alpha-50:focus{color:#00000080!important}.focus\\:text-black-alpha-60:focus{color:#0009!important}.focus\\:text-black-alpha-70:focus{color:#000000b3!important}.focus\\:text-black-alpha-80:focus{color:#000c!important}.focus\\:text-black-alpha-90:focus{color:#000000e6!important}.active\\:text-black-alpha-10:active{color:#0000001a!important}.active\\:text-black-alpha-20:active{color:#0003!important}.active\\:text-black-alpha-30:active{color:#0000004d!important}.active\\:text-black-alpha-40:active{color:#0006!important}.active\\:text-black-alpha-50:active{color:#00000080!important}.active\\:text-black-alpha-60:active{color:#0009!important}.active\\:text-black-alpha-70:active{color:#000000b3!important}.active\\:text-black-alpha-80:active{color:#000c!important}.active\\:text-black-alpha-90:active{color:#000000e6!important}.text-primary{color:var(--p-primary-color)!important}.bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.bg-white{background-color:#fff!important}.border-primary{border-color:var(--p-primary-color)!important}.text-white{color:#fff!important}.border-white{border-color:#fff!important}.text-color{color:var(--p-text-color)!important}.text-color-secondary{color:var(--p-text-muted-color)!important}.surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.surface-card,.surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.focus\\:text-primary:focus{color:var(--p-primary-color)!important}.hover\\:text-primary:hover,.active\\:text-primary:active{color:var(--p-primary-color)!important}.focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.hover\\:bg-primary:hover,.active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.hover\\:bg-primary-reverse:hover,.active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.focus\\:bg-white:focus{background-color:#fff!important}.hover\\:bg-white:hover,.active\\:bg-white:active{background-color:#fff!important}.focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.hover\\:border-primary:hover,.active\\:border-primary:active{border-color:var(--p-primary-color)!important}.focus\\:text-white:focus{color:#fff!important}.hover\\:text-white:hover,.active\\:text-white:active{color:#fff!important}.focus\\:border-white:focus{border-color:#fff!important}.hover\\:border-white:hover,.active\\:border-white:active{border-color:#fff!important}.focus\\:text-color:focus{color:var(--p-text-color)!important}.hover\\:text-color:hover,.active\\:text-color:active{color:var(--p-text-color)!important}.focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.hover\\:text-color-secondary:hover,.active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.hover\\:surface-ground:hover,.active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.hover\\:surface-section:hover,.active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:surface-card:hover,.active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:surface-overlay:hover,.active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.hover\\:surface-hover:hover,.active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.hover\\:surface-border:hover,.active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}@media screen and (min-width:576px){.sm\\:text-primary{color:var(--p-primary-color)!important}.sm\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.sm\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.sm\\:bg-white{background-color:#fff!important}.sm\\:border-primary{border-color:var(--p-primary-color)!important}.sm\\:text-white{color:#fff!important}.sm\\:border-white{border-color:#fff!important}.sm\\:text-color{color:var(--p-text-color)!important}.sm\\:text-color-secondary{color:var(--p-text-muted-color)!important}.sm\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.sm\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.sm\\:surface-card,.sm\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.sm\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.sm\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.sm\\:hover\\:text-primary:hover,.sm\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.sm\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.sm\\:hover\\:bg-primary:hover,.sm\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.sm\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.sm\\:hover\\:bg-primary-reverse:hover,.sm\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.sm\\:focus\\:bg-white:focus{background-color:#fff!important}.sm\\:hover\\:bg-white:hover,.sm\\:active\\:bg-white:active{background-color:#fff!important}.sm\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.sm\\:hover\\:border-primary:hover,.sm\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.sm\\:focus\\:text-white:focus{color:#fff!important}.sm\\:hover\\:text-white:hover,.sm\\:active\\:text-white:active{color:#fff!important}.sm\\:focus\\:border-white:focus{border-color:#fff!important}.sm\\:hover\\:border-white:hover,.sm\\:active\\:border-white:active{border-color:#fff!important}.sm\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.sm\\:hover\\:text-color:hover,.sm\\:active\\:text-color:active{color:var(--p-text-color)!important}.sm\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.sm\\:hover\\:text-color-secondary:hover,.sm\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.sm\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.sm\\:hover\\:surface-ground:hover,.sm\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.sm\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.sm\\:hover\\:surface-section:hover,.sm\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.sm\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:hover\\:surface-card:hover,.sm\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:hover\\:surface-overlay:hover,.sm\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.sm\\:hover\\:surface-hover:hover,.sm\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.sm\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.sm\\:hover\\:surface-border:hover,.sm\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}@media screen and (min-width:768px){.md\\:text-primary{color:var(--p-primary-color)!important}.md\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.md\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.md\\:bg-white{background-color:#fff!important}.md\\:border-primary{border-color:var(--p-primary-color)!important}.md\\:text-white{color:#fff!important}.md\\:border-white{border-color:#fff!important}.md\\:text-color{color:var(--p-text-color)!important}.md\\:text-color-secondary{color:var(--p-text-muted-color)!important}.md\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.md\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.md\\:surface-card,.md\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.md\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.md\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.md\\:hover\\:text-primary:hover,.md\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.md\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.md\\:hover\\:bg-primary:hover,.md\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.md\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.md\\:hover\\:bg-primary-reverse:hover,.md\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.md\\:focus\\:bg-white:focus{background-color:#fff!important}.md\\:hover\\:bg-white:hover,.md\\:active\\:bg-white:active{background-color:#fff!important}.md\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.md\\:hover\\:border-primary:hover,.md\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.md\\:focus\\:text-white:focus{color:#fff!important}.md\\:hover\\:text-white:hover,.md\\:active\\:text-white:active{color:#fff!important}.md\\:focus\\:border-white:focus{border-color:#fff!important}.md\\:hover\\:border-white:hover,.md\\:active\\:border-white:active{border-color:#fff!important}.md\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.md\\:hover\\:text-color:hover,.md\\:active\\:text-color:active{color:var(--p-text-color)!important}.md\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.md\\:hover\\:text-color-secondary:hover,.md\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.md\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.md\\:hover\\:surface-ground:hover,.md\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.md\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.md\\:hover\\:surface-section:hover,.md\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.md\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:hover\\:surface-card:hover,.md\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:hover\\:surface-overlay:hover,.md\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.md\\:hover\\:surface-hover:hover,.md\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.md\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.md\\:hover\\:surface-border:hover,.md\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}@media screen and (min-width:992px){.lg\\:text-primary{color:var(--p-primary-color)!important}.lg\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.lg\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.lg\\:bg-white{background-color:#fff!important}.lg\\:border-primary{border-color:var(--p-primary-color)!important}.lg\\:text-white{color:#fff!important}.lg\\:border-white{border-color:#fff!important}.lg\\:text-color{color:var(--p-text-color)!important}.lg\\:text-color-secondary{color:var(--p-text-muted-color)!important}.lg\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.lg\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.lg\\:surface-card,.lg\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.lg\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.lg\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.lg\\:hover\\:text-primary:hover,.lg\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.lg\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.lg\\:hover\\:bg-primary:hover,.lg\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.lg\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.lg\\:hover\\:bg-primary-reverse:hover,.lg\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.lg\\:focus\\:bg-white:focus{background-color:#fff!important}.lg\\:hover\\:bg-white:hover,.lg\\:active\\:bg-white:active{background-color:#fff!important}.lg\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.lg\\:hover\\:border-primary:hover,.lg\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.lg\\:focus\\:text-white:focus{color:#fff!important}.lg\\:hover\\:text-white:hover,.lg\\:active\\:text-white:active{color:#fff!important}.lg\\:focus\\:border-white:focus{border-color:#fff!important}.lg\\:hover\\:border-white:hover,.lg\\:active\\:border-white:active{border-color:#fff!important}.lg\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.lg\\:hover\\:text-color:hover,.lg\\:active\\:text-color:active{color:var(--p-text-color)!important}.lg\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.lg\\:hover\\:text-color-secondary:hover,.lg\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.lg\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.lg\\:hover\\:surface-ground:hover,.lg\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.lg\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.lg\\:hover\\:surface-section:hover,.lg\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.lg\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:hover\\:surface-card:hover,.lg\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:hover\\:surface-overlay:hover,.lg\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.lg\\:hover\\:surface-hover:hover,.lg\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.lg\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.lg\\:hover\\:surface-border:hover,.lg\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}@media screen and (min-width:1200px){.xl\\:text-primary{color:var(--p-primary-color)!important}.xl\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.xl\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.xl\\:bg-white{background-color:#fff!important}.xl\\:border-primary{border-color:var(--p-primary-color)!important}.xl\\:text-white{color:#fff!important}.xl\\:border-white{border-color:#fff!important}.xl\\:text-color{color:var(--p-text-color)!important}.xl\\:text-color-secondary{color:var(--p-text-muted-color)!important}.xl\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.xl\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.xl\\:surface-card,.xl\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.xl\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.xl\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.xl\\:hover\\:text-primary:hover,.xl\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.xl\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.xl\\:hover\\:bg-primary:hover,.xl\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.xl\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.xl\\:hover\\:bg-primary-reverse:hover,.xl\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.xl\\:focus\\:bg-white:focus{background-color:#fff!important}.xl\\:hover\\:bg-white:hover,.xl\\:active\\:bg-white:active{background-color:#fff!important}.xl\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.xl\\:hover\\:border-primary:hover,.xl\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.xl\\:focus\\:text-white:focus{color:#fff!important}.xl\\:hover\\:text-white:hover,.xl\\:active\\:text-white:active{color:#fff!important}.xl\\:focus\\:border-white:focus{border-color:#fff!important}.xl\\:hover\\:border-white:hover,.xl\\:active\\:border-white:active{border-color:#fff!important}.xl\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.xl\\:hover\\:text-color:hover,.xl\\:active\\:text-color:active{color:var(--p-text-color)!important}.xl\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.xl\\:hover\\:text-color-secondary:hover,.xl\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.xl\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.xl\\:hover\\:surface-ground:hover,.xl\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.xl\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.xl\\:hover\\:surface-section:hover,.xl\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.xl\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:hover\\:surface-card:hover,.xl\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:hover\\:surface-overlay:hover,.xl\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.xl\\:hover\\:surface-hover:hover,.xl\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.xl\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.xl\\:hover\\:surface-border:hover,.xl\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}@media screen and (min-width:576px){.sm\\:hidden{display:none!important}.sm\\:block{display:block!important}.sm\\:inline{display:inline!important}.sm\\:inline-block{display:inline-block!important}.sm\\:flex{display:flex!important}.sm\\:inline-flex{display:inline-flex!important}}@media screen and (min-width:768px){.md\\:hidden{display:none!important}.md\\:block{display:block!important}.md\\:inline{display:inline!important}.md\\:inline-block{display:inline-block!important}.md\\:flex{display:flex!important}.md\\:inline-flex{display:inline-flex!important}}@media screen and (min-width:992px){.lg\\:hidden{display:none!important}.lg\\:block{display:block!important}.lg\\:inline{display:inline!important}.lg\\:inline-block{display:inline-block!important}.lg\\:flex{display:flex!important}.lg\\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1200px){.xl\\:hidden{display:none!important}.xl\\:block{display:block!important}.xl\\:inline{display:inline!important}.xl\\:inline-block{display:inline-block!important}.xl\\:flex{display:flex!important}.xl\\:inline-flex{display:inline-flex!important}}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-left{text-align:left!important}.text-right{text-align:right!important}@media screen and (min-width:576px){.sm\\:text-center{text-align:center!important}.sm\\:text-justify{text-align:justify!important}.sm\\:text-left{text-align:left!important}.sm\\:text-right{text-align:right!important}}@media screen and (min-width:768px){.md\\:text-center{text-align:center!important}.md\\:text-justify{text-align:justify!important}.md\\:text-left{text-align:left!important}.md\\:text-right{text-align:right!important}}@media screen and (min-width:992px){.lg\\:text-center{text-align:center!important}.lg\\:text-justify{text-align:justify!important}.lg\\:text-left{text-align:left!important}.lg\\:text-right{text-align:right!important}}@media screen and (min-width:1200px){.xl\\:text-center{text-align:center!important}.xl\\:text-justify{text-align:justify!important}.xl\\:text-left{text-align:left!important}.xl\\:text-right{text-align:right!important}}.underline{text-decoration:underline!important}.line-through{text-decoration:line-through!important}.no-underline{text-decoration:none!important}.focus\\:underline:focus{text-decoration:underline!important}.hover\\:underline:hover,.active\\:underline:active{text-decoration:underline!important}.focus\\:line-through:focus{text-decoration:line-through!important}.hover\\:line-through:hover,.active\\:line-through:active{text-decoration:line-through!important}.focus\\:no-underline:focus{text-decoration:none!important}.hover\\:no-underline:hover,.active\\:no-underline:active{text-decoration:none!important}.lowercase{text-transform:lowercase!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.text-overflow-clip{text-overflow:clip!important}.text-overflow-ellipsis{text-overflow:ellipsis!important}@media screen and (min-width:576px){.sm\\:text-overflow-clip{text-overflow:clip!important}.sm\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}@media screen and (min-width:768px){.md\\:text-overflow-clip{text-overflow:clip!important}.md\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}@media screen and (min-width:992px){.lg\\:text-overflow-clip{text-overflow:clip!important}.lg\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}@media screen and (min-width:1200px){.xl\\:text-overflow-clip{text-overflow:clip!important}.xl\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}@media screen and (min-width:576px){.sm\\:font-light{font-weight:300!important}.sm\\:font-normal{font-weight:400!important}.sm\\:font-medium{font-weight:500!important}.sm\\:font-semibold{font-weight:600!important}.sm\\:font-bold{font-weight:700!important}}@media screen and (min-width:768px){.md\\:font-light{font-weight:300!important}.md\\:font-normal{font-weight:400!important}.md\\:font-medium{font-weight:500!important}.md\\:font-semibold{font-weight:600!important}.md\\:font-bold{font-weight:700!important}}@media screen and (min-width:992px){.lg\\:font-light{font-weight:300!important}.lg\\:font-normal{font-weight:400!important}.lg\\:font-medium{font-weight:500!important}.lg\\:font-semibold{font-weight:600!important}.lg\\:font-bold{font-weight:700!important}}@media screen and (min-width:1200px){.xl\\:font-light{font-weight:300!important}.xl\\:font-normal{font-weight:400!important}.xl\\:font-medium{font-weight:500!important}.xl\\:font-semibold{font-weight:600!important}.xl\\:font-bold{font-weight:700!important}}.font-italic{font-style:italic!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.75rem!important}.text-4xl{font-size:2rem!important}.text-5xl{font-size:2.5rem!important}.text-6xl{font-size:3rem!important}.text-7xl{font-size:4rem!important}.text-8xl{font-size:6rem!important}@media screen and (min-width:576px){.sm\\:text-xs{font-size:.75rem!important}.sm\\:text-sm{font-size:.875rem!important}.sm\\:text-base{font-size:1rem!important}.sm\\:text-lg{font-size:1.125rem!important}.sm\\:text-xl{font-size:1.25rem!important}.sm\\:text-2xl{font-size:1.5rem!important}.sm\\:text-3xl{font-size:1.75rem!important}.sm\\:text-4xl{font-size:2rem!important}.sm\\:text-5xl{font-size:2.5rem!important}.sm\\:text-6xl{font-size:3rem!important}.sm\\:text-7xl{font-size:4rem!important}.sm\\:text-8xl{font-size:6rem!important}}@media screen and (min-width:768px){.md\\:text-xs{font-size:.75rem!important}.md\\:text-sm{font-size:.875rem!important}.md\\:text-base{font-size:1rem!important}.md\\:text-lg{font-size:1.125rem!important}.md\\:text-xl{font-size:1.25rem!important}.md\\:text-2xl{font-size:1.5rem!important}.md\\:text-3xl{font-size:1.75rem!important}.md\\:text-4xl{font-size:2rem!important}.md\\:text-5xl{font-size:2.5rem!important}.md\\:text-6xl{font-size:3rem!important}.md\\:text-7xl{font-size:4rem!important}.md\\:text-8xl{font-size:6rem!important}}@media screen and (min-width:992px){.lg\\:text-xs{font-size:.75rem!important}.lg\\:text-sm{font-size:.875rem!important}.lg\\:text-base{font-size:1rem!important}.lg\\:text-lg{font-size:1.125rem!important}.lg\\:text-xl{font-size:1.25rem!important}.lg\\:text-2xl{font-size:1.5rem!important}.lg\\:text-3xl{font-size:1.75rem!important}.lg\\:text-4xl{font-size:2rem!important}.lg\\:text-5xl{font-size:2.5rem!important}.lg\\:text-6xl{font-size:3rem!important}.lg\\:text-7xl{font-size:4rem!important}.lg\\:text-8xl{font-size:6rem!important}}@media screen and (min-width:1200px){.xl\\:text-xs{font-size:.75rem!important}.xl\\:text-sm{font-size:.875rem!important}.xl\\:text-base{font-size:1rem!important}.xl\\:text-lg{font-size:1.125rem!important}.xl\\:text-xl{font-size:1.25rem!important}.xl\\:text-2xl{font-size:1.5rem!important}.xl\\:text-3xl{font-size:1.75rem!important}.xl\\:text-4xl{font-size:2rem!important}.xl\\:text-5xl{font-size:2.5rem!important}.xl\\:text-6xl{font-size:3rem!important}.xl\\:text-7xl{font-size:4rem!important}.xl\\:text-8xl{font-size:6rem!important}}.line-height-1{line-height:1!important}.line-height-2{line-height:1.25!important}.line-height-3{line-height:1.5!important}.line-height-4{line-height:2!important}.white-space-normal{white-space:normal!important}.white-space-nowrap{white-space:nowrap!important}.vertical-align-baseline{vertical-align:baseline!important}.vertical-align-top{vertical-align:top!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-text-top{vertical-align:text-top!important}.vertical-align-text-bottom{vertical-align:text-bottom!important}.vertical-align-sub{vertical-align:sub!important}.vertical-align-super{vertical-align:super!important}@media screen and (min-width:576px){.sm\\:vertical-align-baseline{vertical-align:baseline!important}.sm\\:vertical-align-top{vertical-align:top!important}.sm\\:vertical-align-middle{vertical-align:middle!important}.sm\\:vertical-align-bottom{vertical-align:bottom!important}.sm\\:vertical-align-text-top{vertical-align:text-top!important}.sm\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.sm\\:vertical-align-sub{vertical-align:sub!important}.sm\\:vertical-align-super{vertical-align:super!important}}@media screen and (min-width:768px){.md\\:vertical-align-baseline{vertical-align:baseline!important}.md\\:vertical-align-top{vertical-align:top!important}.md\\:vertical-align-middle{vertical-align:middle!important}.md\\:vertical-align-bottom{vertical-align:bottom!important}.md\\:vertical-align-text-top{vertical-align:text-top!important}.md\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.md\\:vertical-align-sub{vertical-align:sub!important}.md\\:vertical-align-super{vertical-align:super!important}}@media screen and (min-width:992px){.lg\\:vertical-align-baseline{vertical-align:baseline!important}.lg\\:vertical-align-top{vertical-align:top!important}.lg\\:vertical-align-middle{vertical-align:middle!important}.lg\\:vertical-align-bottom{vertical-align:bottom!important}.lg\\:vertical-align-text-top{vertical-align:text-top!important}.lg\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.lg\\:vertical-align-sub{vertical-align:sub!important}.lg\\:vertical-align-super{vertical-align:super!important}}@media screen and (min-width:1200px){.xl\\:vertical-align-baseline{vertical-align:baseline!important}.xl\\:vertical-align-top{vertical-align:top!important}.xl\\:vertical-align-middle{vertical-align:middle!important}.xl\\:vertical-align-bottom{vertical-align:bottom!important}.xl\\:vertical-align-text-top{vertical-align:text-top!important}.xl\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.xl\\:vertical-align-sub{vertical-align:sub!important}.xl\\:vertical-align-super{vertical-align:super!important}}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}@media screen and (min-width:576px){.sm\\:flex-row{flex-direction:row!important}.sm\\:flex-row-reverse{flex-direction:row-reverse!important}.sm\\:flex-column{flex-direction:column!important}.sm\\:flex-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:768px){.md\\:flex-row{flex-direction:row!important}.md\\:flex-row-reverse{flex-direction:row-reverse!important}.md\\:flex-column{flex-direction:column!important}.md\\:flex-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:992px){.lg\\:flex-row{flex-direction:row!important}.lg\\:flex-row-reverse{flex-direction:row-reverse!important}.lg\\:flex-column{flex-direction:column!important}.lg\\:flex-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:1200px){.xl\\:flex-row{flex-direction:row!important}.xl\\:flex-row-reverse{flex-direction:row-reverse!important}.xl\\:flex-column{flex-direction:column!important}.xl\\:flex-column-reverse{flex-direction:column-reverse!important}}.flex-wrap{flex-wrap:wrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-nowrap{flex-wrap:nowrap!important}@media screen and (min-width:576px){.sm\\:flex-wrap{flex-wrap:wrap!important}.sm\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.sm\\:flex-nowrap{flex-wrap:nowrap!important}}@media screen and (min-width:768px){.md\\:flex-wrap{flex-wrap:wrap!important}.md\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.md\\:flex-nowrap{flex-wrap:nowrap!important}}@media screen and (min-width:992px){.lg\\:flex-wrap{flex-wrap:wrap!important}.lg\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.lg\\:flex-nowrap{flex-wrap:nowrap!important}}@media screen and (min-width:1200px){.xl\\:flex-wrap{flex-wrap:wrap!important}.xl\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.xl\\:flex-nowrap{flex-wrap:nowrap!important}}.justify-content-start{justify-content:flex-start!important}.justify-content-end,:host ::ng-deep .w-filter-panel-buttons{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}@media screen and (min-width:576px){.sm\\:justify-content-start{justify-content:flex-start!important}.sm\\:justify-content-end{justify-content:flex-end!important}.sm\\:justify-content-center{justify-content:center!important}.sm\\:justify-content-between{justify-content:space-between!important}.sm\\:justify-content-around{justify-content:space-around!important}.sm\\:justify-content-evenly{justify-content:space-evenly!important}}@media screen and (min-width:768px){.md\\:justify-content-start{justify-content:flex-start!important}.md\\:justify-content-end{justify-content:flex-end!important}.md\\:justify-content-center{justify-content:center!important}.md\\:justify-content-between{justify-content:space-between!important}.md\\:justify-content-around{justify-content:space-around!important}.md\\:justify-content-evenly{justify-content:space-evenly!important}}@media screen and (min-width:992px){.lg\\:justify-content-start{justify-content:flex-start!important}.lg\\:justify-content-end{justify-content:flex-end!important}.lg\\:justify-content-center{justify-content:center!important}.lg\\:justify-content-between{justify-content:space-between!important}.lg\\:justify-content-around{justify-content:space-around!important}.lg\\:justify-content-evenly{justify-content:space-evenly!important}}@media screen and (min-width:1200px){.xl\\:justify-content-start{justify-content:flex-start!important}.xl\\:justify-content-end{justify-content:flex-end!important}.xl\\:justify-content-center{justify-content:center!important}.xl\\:justify-content-between{justify-content:space-between!important}.xl\\:justify-content-around{justify-content:space-around!important}.xl\\:justify-content-evenly{justify-content:space-evenly!important}}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-evenly{align-content:space-evenly!important}@media screen and (min-width:576px){.sm\\:align-content-start{align-content:flex-start!important}.sm\\:align-content-end{align-content:flex-end!important}.sm\\:align-content-center{align-content:center!important}.sm\\:align-content-between{align-content:space-between!important}.sm\\:align-content-around{align-content:space-around!important}.sm\\:align-content-evenly{align-content:space-evenly!important}}@media screen and (min-width:768px){.md\\:align-content-start{align-content:flex-start!important}.md\\:align-content-end{align-content:flex-end!important}.md\\:align-content-center{align-content:center!important}.md\\:align-content-between{align-content:space-between!important}.md\\:align-content-around{align-content:space-around!important}.md\\:align-content-evenly{align-content:space-evenly!important}}@media screen and (min-width:992px){.lg\\:align-content-start{align-content:flex-start!important}.lg\\:align-content-end{align-content:flex-end!important}.lg\\:align-content-center{align-content:center!important}.lg\\:align-content-between{align-content:space-between!important}.lg\\:align-content-around{align-content:space-around!important}.lg\\:align-content-evenly{align-content:space-evenly!important}}@media screen and (min-width:1200px){.xl\\:align-content-start{align-content:flex-start!important}.xl\\:align-content-end{align-content:flex-end!important}.xl\\:align-content-center{align-content:center!important}.xl\\:align-content-between{align-content:space-between!important}.xl\\:align-content-around{align-content:space-around!important}.xl\\:align-content-evenly{align-content:space-evenly!important}}.align-items-stretch{align-items:stretch!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end,:host ::ng-deep .w-filter-panel-buttons{align-items:flex-end!important}.align-items-baseline{align-items:baseline!important}@media screen and (min-width:576px){.sm\\:align-items-stretch{align-items:stretch!important}.sm\\:align-items-start{align-items:flex-start!important}.sm\\:align-items-center{align-items:center!important}.sm\\:align-items-end{align-items:flex-end!important}.sm\\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:768px){.md\\:align-items-stretch{align-items:stretch!important}.md\\:align-items-start{align-items:flex-start!important}.md\\:align-items-center{align-items:center!important}.md\\:align-items-end{align-items:flex-end!important}.md\\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:992px){.lg\\:align-items-stretch{align-items:stretch!important}.lg\\:align-items-start{align-items:flex-start!important}.lg\\:align-items-center{align-items:center!important}.lg\\:align-items-end{align-items:flex-end!important}.lg\\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:1200px){.xl\\:align-items-stretch{align-items:stretch!important}.xl\\:align-items-start{align-items:flex-start!important}.xl\\:align-items-center{align-items:center!important}.xl\\:align-items-end{align-items:flex-end!important}.xl\\:align-items-baseline{align-items:baseline!important}}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.align-self-baseline{align-self:baseline!important}@media screen and (min-width:576px){.sm\\:align-self-auto{align-self:auto!important}.sm\\:align-self-start{align-self:flex-start!important}.sm\\:align-self-end{align-self:flex-end!important}.sm\\:align-self-center{align-self:center!important}.sm\\:align-self-stretch{align-self:stretch!important}.sm\\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:768px){.md\\:align-self-auto{align-self:auto!important}.md\\:align-self-start{align-self:flex-start!important}.md\\:align-self-end{align-self:flex-end!important}.md\\:align-self-center{align-self:center!important}.md\\:align-self-stretch{align-self:stretch!important}.md\\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:992px){.lg\\:align-self-auto{align-self:auto!important}.lg\\:align-self-start{align-self:flex-start!important}.lg\\:align-self-end{align-self:flex-end!important}.lg\\:align-self-center{align-self:center!important}.lg\\:align-self-stretch{align-self:stretch!important}.lg\\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:1200px){.xl\\:align-self-auto{align-self:auto!important}.xl\\:align-self-start{align-self:flex-start!important}.xl\\:align-self-end{align-self:flex-end!important}.xl\\:align-self-center{align-self:center!important}.xl\\:align-self-stretch{align-self:stretch!important}.xl\\:align-self-baseline{align-self:baseline!important}}.flex-order-0{order:0!important}.flex-order-1{order:1!important}.flex-order-2{order:2!important}.flex-order-3{order:3!important}.flex-order-4{order:4!important}.flex-order-5{order:5!important}.flex-order-6{order:6!important}@media screen and (min-width:576px){.sm\\:flex-order-0{order:0!important}.sm\\:flex-order-1{order:1!important}.sm\\:flex-order-2{order:2!important}.sm\\:flex-order-3{order:3!important}.sm\\:flex-order-4{order:4!important}.sm\\:flex-order-5{order:5!important}.sm\\:flex-order-6{order:6!important}}@media screen and (min-width:768px){.md\\:flex-order-0{order:0!important}.md\\:flex-order-1{order:1!important}.md\\:flex-order-2{order:2!important}.md\\:flex-order-3{order:3!important}.md\\:flex-order-4{order:4!important}.md\\:flex-order-5{order:5!important}.md\\:flex-order-6{order:6!important}}@media screen and (min-width:992px){.lg\\:flex-order-0{order:0!important}.lg\\:flex-order-1{order:1!important}.lg\\:flex-order-2{order:2!important}.lg\\:flex-order-3{order:3!important}.lg\\:flex-order-4{order:4!important}.lg\\:flex-order-5{order:5!important}.lg\\:flex-order-6{order:6!important}}@media screen and (min-width:1200px){.xl\\:flex-order-0{order:0!important}.xl\\:flex-order-1{order:1!important}.xl\\:flex-order-2{order:2!important}.xl\\:flex-order-3{order:3!important}.xl\\:flex-order-4{order:4!important}.xl\\:flex-order-5{order:5!important}.xl\\:flex-order-6{order:6!important}}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}@media screen and (min-width:576px){.sm\\:flex-1{flex:1 1 0%!important}.sm\\:flex-auto{flex:1 1 auto!important}.sm\\:flex-initial{flex:0 1 auto!important}.sm\\:flex-none{flex:none!important}}@media screen and (min-width:768px){.md\\:flex-1{flex:1 1 0%!important}.md\\:flex-auto{flex:1 1 auto!important}.md\\:flex-initial{flex:0 1 auto!important}.md\\:flex-none{flex:none!important}}@media screen and (min-width:992px){.lg\\:flex-1{flex:1 1 0%!important}.lg\\:flex-auto{flex:1 1 auto!important}.lg\\:flex-initial{flex:0 1 auto!important}.lg\\:flex-none{flex:none!important}}@media screen and (min-width:1200px){.xl\\:flex-1{flex:1 1 0%!important}.xl\\:flex-auto{flex:1 1 auto!important}.xl\\:flex-initial{flex:0 1 auto!important}.xl\\:flex-none{flex:none!important}}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}@media screen and (min-width:576px){.sm\\:flex-grow-0{flex-grow:0!important}.sm\\:flex-grow-1{flex-grow:1!important}}@media screen and (min-width:768px){.md\\:flex-grow-0{flex-grow:0!important}.md\\:flex-grow-1{flex-grow:1!important}}@media screen and (min-width:992px){.lg\\:flex-grow-0{flex-grow:0!important}.lg\\:flex-grow-1{flex-grow:1!important}}@media screen and (min-width:1200px){.xl\\:flex-grow-0{flex-grow:0!important}.xl\\:flex-grow-1{flex-grow:1!important}}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}@media screen and (min-width:576px){.sm\\:flex-shrink-0{flex-shrink:0!important}.sm\\:flex-shrink-1{flex-shrink:1!important}}@media screen and (min-width:768px){.md\\:flex-shrink-0{flex-shrink:0!important}.md\\:flex-shrink-1{flex-shrink:1!important}}@media screen and (min-width:992px){.lg\\:flex-shrink-0{flex-shrink:0!important}.lg\\:flex-shrink-1{flex-shrink:1!important}}@media screen and (min-width:1200px){.xl\\:flex-shrink-0{flex-shrink:0!important}.xl\\:flex-shrink-1{flex-shrink:1!important}}.gap-0{gap:0rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:2rem!important}.gap-6{gap:3rem!important}.gap-7{gap:4rem!important}.gap-8{gap:5rem!important}.row-gap-0{row-gap:0rem!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:2rem!important}.row-gap-6{row-gap:3rem!important}.row-gap-7{row-gap:4rem!important}.row-gap-8{row-gap:5rem!important}.column-gap-0{column-gap:0rem!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:2rem!important}.column-gap-6{column-gap:3rem!important}.column-gap-7{column-gap:4rem!important}.column-gap-8{column-gap:5rem!important}@media screen and (min-width:576px){.sm\\:gap-0{gap:0rem!important}.sm\\:gap-1{gap:.25rem!important}.sm\\:gap-2{gap:.5rem!important}.sm\\:gap-3{gap:1rem!important}.sm\\:gap-4{gap:1.5rem!important}.sm\\:gap-5{gap:2rem!important}.sm\\:gap-6{gap:3rem!important}.sm\\:gap-7{gap:4rem!important}.sm\\:gap-8{gap:5rem!important}.sm\\:row-gap-0{row-gap:0rem!important}.sm\\:row-gap-1{row-gap:.25rem!important}.sm\\:row-gap-2{row-gap:.5rem!important}.sm\\:row-gap-3{row-gap:1rem!important}.sm\\:row-gap-4{row-gap:1.5rem!important}.sm\\:row-gap-5{row-gap:2rem!important}.sm\\:row-gap-6{row-gap:3rem!important}.sm\\:row-gap-7{row-gap:4rem!important}.sm\\:row-gap-8{row-gap:5rem!important}.sm\\:column-gap-0{column-gap:0rem!important}.sm\\:column-gap-1{column-gap:.25rem!important}.sm\\:column-gap-2{column-gap:.5rem!important}.sm\\:column-gap-3{column-gap:1rem!important}.sm\\:column-gap-4{column-gap:1.5rem!important}.sm\\:column-gap-5{column-gap:2rem!important}.sm\\:column-gap-6{column-gap:3rem!important}.sm\\:column-gap-7{column-gap:4rem!important}.sm\\:column-gap-8{column-gap:5rem!important}}@media screen and (min-width:768px){.md\\:gap-0{gap:0rem!important}.md\\:gap-1{gap:.25rem!important}.md\\:gap-2{gap:.5rem!important}.md\\:gap-3{gap:1rem!important}.md\\:gap-4{gap:1.5rem!important}.md\\:gap-5{gap:2rem!important}.md\\:gap-6{gap:3rem!important}.md\\:gap-7{gap:4rem!important}.md\\:gap-8{gap:5rem!important}.md\\:row-gap-0{row-gap:0rem!important}.md\\:row-gap-1{row-gap:.25rem!important}.md\\:row-gap-2{row-gap:.5rem!important}.md\\:row-gap-3{row-gap:1rem!important}.md\\:row-gap-4{row-gap:1.5rem!important}.md\\:row-gap-5{row-gap:2rem!important}.md\\:row-gap-6{row-gap:3rem!important}.md\\:row-gap-7{row-gap:4rem!important}.md\\:row-gap-8{row-gap:5rem!important}.md\\:column-gap-0{column-gap:0rem!important}.md\\:column-gap-1{column-gap:.25rem!important}.md\\:column-gap-2{column-gap:.5rem!important}.md\\:column-gap-3{column-gap:1rem!important}.md\\:column-gap-4{column-gap:1.5rem!important}.md\\:column-gap-5{column-gap:2rem!important}.md\\:column-gap-6{column-gap:3rem!important}.md\\:column-gap-7{column-gap:4rem!important}.md\\:column-gap-8{column-gap:5rem!important}}@media screen and (min-width:992px){.lg\\:gap-0{gap:0rem!important}.lg\\:gap-1{gap:.25rem!important}.lg\\:gap-2{gap:.5rem!important}.lg\\:gap-3{gap:1rem!important}.lg\\:gap-4{gap:1.5rem!important}.lg\\:gap-5{gap:2rem!important}.lg\\:gap-6{gap:3rem!important}.lg\\:gap-7{gap:4rem!important}.lg\\:gap-8{gap:5rem!important}.lg\\:row-gap-0{row-gap:0rem!important}.lg\\:row-gap-1{row-gap:.25rem!important}.lg\\:row-gap-2{row-gap:.5rem!important}.lg\\:row-gap-3{row-gap:1rem!important}.lg\\:row-gap-4{row-gap:1.5rem!important}.lg\\:row-gap-5{row-gap:2rem!important}.lg\\:row-gap-6{row-gap:3rem!important}.lg\\:row-gap-7{row-gap:4rem!important}.lg\\:row-gap-8{row-gap:5rem!important}.lg\\:column-gap-0{column-gap:0rem!important}.lg\\:column-gap-1{column-gap:.25rem!important}.lg\\:column-gap-2{column-gap:.5rem!important}.lg\\:column-gap-3{column-gap:1rem!important}.lg\\:column-gap-4{column-gap:1.5rem!important}.lg\\:column-gap-5{column-gap:2rem!important}.lg\\:column-gap-6{column-gap:3rem!important}.lg\\:column-gap-7{column-gap:4rem!important}.lg\\:column-gap-8{column-gap:5rem!important}}@media screen and (min-width:1200px){.xl\\:gap-0{gap:0rem!important}.xl\\:gap-1{gap:.25rem!important}.xl\\:gap-2{gap:.5rem!important}.xl\\:gap-3{gap:1rem!important}.xl\\:gap-4{gap:1.5rem!important}.xl\\:gap-5{gap:2rem!important}.xl\\:gap-6{gap:3rem!important}.xl\\:gap-7{gap:4rem!important}.xl\\:gap-8{gap:5rem!important}.xl\\:row-gap-0{row-gap:0rem!important}.xl\\:row-gap-1{row-gap:.25rem!important}.xl\\:row-gap-2{row-gap:.5rem!important}.xl\\:row-gap-3{row-gap:1rem!important}.xl\\:row-gap-4{row-gap:1.5rem!important}.xl\\:row-gap-5{row-gap:2rem!important}.xl\\:row-gap-6{row-gap:3rem!important}.xl\\:row-gap-7{row-gap:4rem!important}.xl\\:row-gap-8{row-gap:5rem!important}.xl\\:column-gap-0{column-gap:0rem!important}.xl\\:column-gap-1{column-gap:.25rem!important}.xl\\:column-gap-2{column-gap:.5rem!important}.xl\\:column-gap-3{column-gap:1rem!important}.xl\\:column-gap-4{column-gap:1.5rem!important}.xl\\:column-gap-5{column-gap:2rem!important}.xl\\:column-gap-6{column-gap:3rem!important}.xl\\:column-gap-7{column-gap:4rem!important}.xl\\:column-gap-8{column-gap:5rem!important}}.p-0{padding:0rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:2rem!important}.p-6{padding:3rem!important}.p-7{padding:4rem!important}.p-8{padding:5rem!important}.pt-0{padding-top:0rem!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:2rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:4rem!important}.pt-8{padding-top:5rem!important}.pr-0{padding-right:0rem!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:2rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:4rem!important}.pr-8{padding-right:5rem!important}.pl-0{padding-left:0rem!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:2rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:4rem!important}.pl-8{padding-left:5rem!important}.pb-0{padding-bottom:0rem!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:2rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:4rem!important}.pb-8{padding-bottom:5rem!important}.px-0{padding-left:0rem!important;padding-right:0rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:2rem!important;padding-right:2rem!important}.px-6{padding-left:3rem!important;padding-right:3rem!important}.px-7{padding-left:4rem!important;padding-right:4rem!important}.px-8{padding-left:5rem!important;padding-right:5rem!important}.py-0{padding-top:0rem!important;padding-bottom:0rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:4rem!important;padding-bottom:4rem!important}.py-8{padding-top:5rem!important;padding-bottom:5rem!important}@media screen and (min-width:576px){.sm\\:p-0{padding:0rem!important}.sm\\:p-1{padding:.25rem!important}.sm\\:p-2{padding:.5rem!important}.sm\\:p-3{padding:1rem!important}.sm\\:p-4{padding:1.5rem!important}.sm\\:p-5{padding:2rem!important}.sm\\:p-6{padding:3rem!important}.sm\\:p-7{padding:4rem!important}.sm\\:p-8{padding:5rem!important}.sm\\:pt-0{padding-top:0rem!important}.sm\\:pt-1{padding-top:.25rem!important}.sm\\:pt-2{padding-top:.5rem!important}.sm\\:pt-3{padding-top:1rem!important}.sm\\:pt-4{padding-top:1.5rem!important}.sm\\:pt-5{padding-top:2rem!important}.sm\\:pt-6{padding-top:3rem!important}.sm\\:pt-7{padding-top:4rem!important}.sm\\:pt-8{padding-top:5rem!important}.sm\\:pr-0{padding-right:0rem!important}.sm\\:pr-1{padding-right:.25rem!important}.sm\\:pr-2{padding-right:.5rem!important}.sm\\:pr-3{padding-right:1rem!important}.sm\\:pr-4{padding-right:1.5rem!important}.sm\\:pr-5{padding-right:2rem!important}.sm\\:pr-6{padding-right:3rem!important}.sm\\:pr-7{padding-right:4rem!important}.sm\\:pr-8{padding-right:5rem!important}.sm\\:pl-0{padding-left:0rem!important}.sm\\:pl-1{padding-left:.25rem!important}.sm\\:pl-2{padding-left:.5rem!important}.sm\\:pl-3{padding-left:1rem!important}.sm\\:pl-4{padding-left:1.5rem!important}.sm\\:pl-5{padding-left:2rem!important}.sm\\:pl-6{padding-left:3rem!important}.sm\\:pl-7{padding-left:4rem!important}.sm\\:pl-8{padding-left:5rem!important}.sm\\:pb-0{padding-bottom:0rem!important}.sm\\:pb-1{padding-bottom:.25rem!important}.sm\\:pb-2{padding-bottom:.5rem!important}.sm\\:pb-3{padding-bottom:1rem!important}.sm\\:pb-4{padding-bottom:1.5rem!important}.sm\\:pb-5{padding-bottom:2rem!important}.sm\\:pb-6{padding-bottom:3rem!important}.sm\\:pb-7{padding-bottom:4rem!important}.sm\\:pb-8{padding-bottom:5rem!important}.sm\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.sm\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.sm\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.sm\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.sm\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.sm\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.sm\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.sm\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.sm\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.sm\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.sm\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.sm\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.sm\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.sm\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.sm\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.sm\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.sm\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}@media screen and (min-width:768px){.md\\:p-0{padding:0rem!important}.md\\:p-1{padding:.25rem!important}.md\\:p-2{padding:.5rem!important}.md\\:p-3{padding:1rem!important}.md\\:p-4{padding:1.5rem!important}.md\\:p-5{padding:2rem!important}.md\\:p-6{padding:3rem!important}.md\\:p-7{padding:4rem!important}.md\\:p-8{padding:5rem!important}.md\\:pt-0{padding-top:0rem!important}.md\\:pt-1{padding-top:.25rem!important}.md\\:pt-2{padding-top:.5rem!important}.md\\:pt-3{padding-top:1rem!important}.md\\:pt-4{padding-top:1.5rem!important}.md\\:pt-5{padding-top:2rem!important}.md\\:pt-6{padding-top:3rem!important}.md\\:pt-7{padding-top:4rem!important}.md\\:pt-8{padding-top:5rem!important}.md\\:pr-0{padding-right:0rem!important}.md\\:pr-1{padding-right:.25rem!important}.md\\:pr-2{padding-right:.5rem!important}.md\\:pr-3{padding-right:1rem!important}.md\\:pr-4{padding-right:1.5rem!important}.md\\:pr-5{padding-right:2rem!important}.md\\:pr-6{padding-right:3rem!important}.md\\:pr-7{padding-right:4rem!important}.md\\:pr-8{padding-right:5rem!important}.md\\:pl-0{padding-left:0rem!important}.md\\:pl-1{padding-left:.25rem!important}.md\\:pl-2{padding-left:.5rem!important}.md\\:pl-3{padding-left:1rem!important}.md\\:pl-4{padding-left:1.5rem!important}.md\\:pl-5{padding-left:2rem!important}.md\\:pl-6{padding-left:3rem!important}.md\\:pl-7{padding-left:4rem!important}.md\\:pl-8{padding-left:5rem!important}.md\\:pb-0{padding-bottom:0rem!important}.md\\:pb-1{padding-bottom:.25rem!important}.md\\:pb-2{padding-bottom:.5rem!important}.md\\:pb-3{padding-bottom:1rem!important}.md\\:pb-4{padding-bottom:1.5rem!important}.md\\:pb-5{padding-bottom:2rem!important}.md\\:pb-6{padding-bottom:3rem!important}.md\\:pb-7{padding-bottom:4rem!important}.md\\:pb-8{padding-bottom:5rem!important}.md\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.md\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.md\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.md\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.md\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.md\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.md\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.md\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.md\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.md\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.md\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.md\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.md\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.md\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.md\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.md\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.md\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.md\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}@media screen and (min-width:992px){.lg\\:p-0{padding:0rem!important}.lg\\:p-1{padding:.25rem!important}.lg\\:p-2{padding:.5rem!important}.lg\\:p-3{padding:1rem!important}.lg\\:p-4{padding:1.5rem!important}.lg\\:p-5{padding:2rem!important}.lg\\:p-6{padding:3rem!important}.lg\\:p-7{padding:4rem!important}.lg\\:p-8{padding:5rem!important}.lg\\:pt-0{padding-top:0rem!important}.lg\\:pt-1{padding-top:.25rem!important}.lg\\:pt-2{padding-top:.5rem!important}.lg\\:pt-3{padding-top:1rem!important}.lg\\:pt-4{padding-top:1.5rem!important}.lg\\:pt-5{padding-top:2rem!important}.lg\\:pt-6{padding-top:3rem!important}.lg\\:pt-7{padding-top:4rem!important}.lg\\:pt-8{padding-top:5rem!important}.lg\\:pr-0{padding-right:0rem!important}.lg\\:pr-1{padding-right:.25rem!important}.lg\\:pr-2{padding-right:.5rem!important}.lg\\:pr-3{padding-right:1rem!important}.lg\\:pr-4{padding-right:1.5rem!important}.lg\\:pr-5{padding-right:2rem!important}.lg\\:pr-6{padding-right:3rem!important}.lg\\:pr-7{padding-right:4rem!important}.lg\\:pr-8{padding-right:5rem!important}.lg\\:pl-0{padding-left:0rem!important}.lg\\:pl-1{padding-left:.25rem!important}.lg\\:pl-2{padding-left:.5rem!important}.lg\\:pl-3{padding-left:1rem!important}.lg\\:pl-4{padding-left:1.5rem!important}.lg\\:pl-5{padding-left:2rem!important}.lg\\:pl-6{padding-left:3rem!important}.lg\\:pl-7{padding-left:4rem!important}.lg\\:pl-8{padding-left:5rem!important}.lg\\:pb-0{padding-bottom:0rem!important}.lg\\:pb-1{padding-bottom:.25rem!important}.lg\\:pb-2{padding-bottom:.5rem!important}.lg\\:pb-3{padding-bottom:1rem!important}.lg\\:pb-4{padding-bottom:1.5rem!important}.lg\\:pb-5{padding-bottom:2rem!important}.lg\\:pb-6{padding-bottom:3rem!important}.lg\\:pb-7{padding-bottom:4rem!important}.lg\\:pb-8{padding-bottom:5rem!important}.lg\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.lg\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.lg\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.lg\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.lg\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.lg\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.lg\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.lg\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.lg\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.lg\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.lg\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.lg\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.lg\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.lg\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.lg\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.lg\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.lg\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.lg\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}@media screen and (min-width:1200px){.xl\\:p-0{padding:0rem!important}.xl\\:p-1{padding:.25rem!important}.xl\\:p-2{padding:.5rem!important}.xl\\:p-3{padding:1rem!important}.xl\\:p-4{padding:1.5rem!important}.xl\\:p-5{padding:2rem!important}.xl\\:p-6{padding:3rem!important}.xl\\:p-7{padding:4rem!important}.xl\\:p-8{padding:5rem!important}.xl\\:pt-0{padding-top:0rem!important}.xl\\:pt-1{padding-top:.25rem!important}.xl\\:pt-2{padding-top:.5rem!important}.xl\\:pt-3{padding-top:1rem!important}.xl\\:pt-4{padding-top:1.5rem!important}.xl\\:pt-5{padding-top:2rem!important}.xl\\:pt-6{padding-top:3rem!important}.xl\\:pt-7{padding-top:4rem!important}.xl\\:pt-8{padding-top:5rem!important}.xl\\:pr-0{padding-right:0rem!important}.xl\\:pr-1{padding-right:.25rem!important}.xl\\:pr-2{padding-right:.5rem!important}.xl\\:pr-3{padding-right:1rem!important}.xl\\:pr-4{padding-right:1.5rem!important}.xl\\:pr-5{padding-right:2rem!important}.xl\\:pr-6{padding-right:3rem!important}.xl\\:pr-7{padding-right:4rem!important}.xl\\:pr-8{padding-right:5rem!important}.xl\\:pl-0{padding-left:0rem!important}.xl\\:pl-1{padding-left:.25rem!important}.xl\\:pl-2{padding-left:.5rem!important}.xl\\:pl-3{padding-left:1rem!important}.xl\\:pl-4{padding-left:1.5rem!important}.xl\\:pl-5{padding-left:2rem!important}.xl\\:pl-6{padding-left:3rem!important}.xl\\:pl-7{padding-left:4rem!important}.xl\\:pl-8{padding-left:5rem!important}.xl\\:pb-0{padding-bottom:0rem!important}.xl\\:pb-1{padding-bottom:.25rem!important}.xl\\:pb-2{padding-bottom:.5rem!important}.xl\\:pb-3{padding-bottom:1rem!important}.xl\\:pb-4{padding-bottom:1.5rem!important}.xl\\:pb-5{padding-bottom:2rem!important}.xl\\:pb-6{padding-bottom:3rem!important}.xl\\:pb-7{padding-bottom:4rem!important}.xl\\:pb-8{padding-bottom:5rem!important}.xl\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.xl\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.xl\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.xl\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.xl\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.xl\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.xl\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.xl\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.xl\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.xl\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.xl\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.xl\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.xl\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.xl\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.xl\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.xl\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.xl\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.xl\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}.m-0{margin:0rem!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:2rem!important}.m-6{margin:3rem!important}.m-7{margin:4rem!important}.m-8{margin:5rem!important}.-m-1{margin:-.25rem!important}.-m-2{margin:-.5rem!important}.-m-3{margin:-1rem!important}.-m-4{margin:-1.5rem!important}.-m-5{margin:-2rem!important}.-m-6{margin:-3rem!important}.-m-7{margin:-4rem!important}.-m-8{margin:-5rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:2rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:4rem!important}.mt-8{margin-top:5rem!important}.-mt-1{margin-top:-.25rem!important}.-mt-2{margin-top:-.5rem!important}.-mt-3{margin-top:-1rem!important}.-mt-4{margin-top:-1.5rem!important}.-mt-5{margin-top:-2rem!important}.-mt-6{margin-top:-3rem!important}.-mt-7{margin-top:-4rem!important}.-mt-8{margin-top:-5rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:2rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:4rem!important}.mr-8{margin-right:5rem!important}.-mr-1{margin-right:-.25rem!important}.-mr-2{margin-right:-.5rem!important}.-mr-3{margin-right:-1rem!important}.-mr-4{margin-right:-1.5rem!important}.-mr-5{margin-right:-2rem!important}.-mr-6{margin-right:-3rem!important}.-mr-7{margin-right:-4rem!important}.-mr-8{margin-right:-5rem!important}.mr-auto{margin-right:auto!important}.ml-0{margin-left:0rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:2rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:4rem!important}.ml-8{margin-left:5rem!important}.-ml-1{margin-left:-.25rem!important}.-ml-2{margin-left:-.5rem!important}.-ml-3{margin-left:-1rem!important}.-ml-4{margin-left:-1.5rem!important}.-ml-5{margin-left:-2rem!important}.-ml-6{margin-left:-3rem!important}.-ml-7{margin-left:-4rem!important}.-ml-8{margin-left:-5rem!important}.ml-auto{margin-left:auto!important}.mb-0{margin-bottom:0rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:2rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:4rem!important}.mb-8{margin-bottom:5rem!important}.-mb-1{margin-bottom:-.25rem!important}.-mb-2{margin-bottom:-.5rem!important}.-mb-3{margin-bottom:-1rem!important}.-mb-4{margin-bottom:-1.5rem!important}.-mb-5{margin-bottom:-2rem!important}.-mb-6{margin-bottom:-3rem!important}.-mb-7{margin-bottom:-4rem!important}.-mb-8{margin-bottom:-5rem!important}.mb-auto{margin-bottom:auto!important}.mx-0{margin-left:0rem!important;margin-right:0rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:2rem!important;margin-right:2rem!important}.mx-6{margin-left:3rem!important;margin-right:3rem!important}.mx-7{margin-left:4rem!important;margin-right:4rem!important}.mx-8{margin-left:5rem!important;margin-right:5rem!important}.-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0rem!important;margin-bottom:0rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:4rem!important;margin-bottom:4rem!important}.my-8{margin-top:5rem!important;margin-bottom:5rem!important}.-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}@media screen and (min-width:576px){.sm\\:m-0{margin:0rem!important}.sm\\:m-1{margin:.25rem!important}.sm\\:m-2{margin:.5rem!important}.sm\\:m-3{margin:1rem!important}.sm\\:m-4{margin:1.5rem!important}.sm\\:m-5{margin:2rem!important}.sm\\:m-6{margin:3rem!important}.sm\\:m-7{margin:4rem!important}.sm\\:m-8{margin:5rem!important}.sm\\:-m-1{margin:-.25rem!important}.sm\\:-m-2{margin:-.5rem!important}.sm\\:-m-3{margin:-1rem!important}.sm\\:-m-4{margin:-1.5rem!important}.sm\\:-m-5{margin:-2rem!important}.sm\\:-m-6{margin:-3rem!important}.sm\\:-m-7{margin:-4rem!important}.sm\\:-m-8{margin:-5rem!important}.sm\\:m-auto{margin:auto!important}.sm\\:mt-0{margin-top:0rem!important}.sm\\:mt-1{margin-top:.25rem!important}.sm\\:mt-2{margin-top:.5rem!important}.sm\\:mt-3{margin-top:1rem!important}.sm\\:mt-4{margin-top:1.5rem!important}.sm\\:mt-5{margin-top:2rem!important}.sm\\:mt-6{margin-top:3rem!important}.sm\\:mt-7{margin-top:4rem!important}.sm\\:mt-8{margin-top:5rem!important}.sm\\:-mt-1{margin-top:-.25rem!important}.sm\\:-mt-2{margin-top:-.5rem!important}.sm\\:-mt-3{margin-top:-1rem!important}.sm\\:-mt-4{margin-top:-1.5rem!important}.sm\\:-mt-5{margin-top:-2rem!important}.sm\\:-mt-6{margin-top:-3rem!important}.sm\\:-mt-7{margin-top:-4rem!important}.sm\\:-mt-8{margin-top:-5rem!important}.sm\\:mt-auto{margin-top:auto!important}.sm\\:mr-0{margin-right:0rem!important}.sm\\:mr-1{margin-right:.25rem!important}.sm\\:mr-2{margin-right:.5rem!important}.sm\\:mr-3{margin-right:1rem!important}.sm\\:mr-4{margin-right:1.5rem!important}.sm\\:mr-5{margin-right:2rem!important}.sm\\:mr-6{margin-right:3rem!important}.sm\\:mr-7{margin-right:4rem!important}.sm\\:mr-8{margin-right:5rem!important}.sm\\:-mr-1{margin-right:-.25rem!important}.sm\\:-mr-2{margin-right:-.5rem!important}.sm\\:-mr-3{margin-right:-1rem!important}.sm\\:-mr-4{margin-right:-1.5rem!important}.sm\\:-mr-5{margin-right:-2rem!important}.sm\\:-mr-6{margin-right:-3rem!important}.sm\\:-mr-7{margin-right:-4rem!important}.sm\\:-mr-8{margin-right:-5rem!important}.sm\\:mr-auto{margin-right:auto!important}.sm\\:ml-0{margin-left:0rem!important}.sm\\:ml-1{margin-left:.25rem!important}.sm\\:ml-2{margin-left:.5rem!important}.sm\\:ml-3{margin-left:1rem!important}.sm\\:ml-4{margin-left:1.5rem!important}.sm\\:ml-5{margin-left:2rem!important}.sm\\:ml-6{margin-left:3rem!important}.sm\\:ml-7{margin-left:4rem!important}.sm\\:ml-8{margin-left:5rem!important}.sm\\:-ml-1{margin-left:-.25rem!important}.sm\\:-ml-2{margin-left:-.5rem!important}.sm\\:-ml-3{margin-left:-1rem!important}.sm\\:-ml-4{margin-left:-1.5rem!important}.sm\\:-ml-5{margin-left:-2rem!important}.sm\\:-ml-6{margin-left:-3rem!important}.sm\\:-ml-7{margin-left:-4rem!important}.sm\\:-ml-8{margin-left:-5rem!important}.sm\\:ml-auto{margin-left:auto!important}.sm\\:mb-0{margin-bottom:0rem!important}.sm\\:mb-1{margin-bottom:.25rem!important}.sm\\:mb-2{margin-bottom:.5rem!important}.sm\\:mb-3{margin-bottom:1rem!important}.sm\\:mb-4{margin-bottom:1.5rem!important}.sm\\:mb-5{margin-bottom:2rem!important}.sm\\:mb-6{margin-bottom:3rem!important}.sm\\:mb-7{margin-bottom:4rem!important}.sm\\:mb-8{margin-bottom:5rem!important}.sm\\:-mb-1{margin-bottom:-.25rem!important}.sm\\:-mb-2{margin-bottom:-.5rem!important}.sm\\:-mb-3{margin-bottom:-1rem!important}.sm\\:-mb-4{margin-bottom:-1.5rem!important}.sm\\:-mb-5{margin-bottom:-2rem!important}.sm\\:-mb-6{margin-bottom:-3rem!important}.sm\\:-mb-7{margin-bottom:-4rem!important}.sm\\:-mb-8{margin-bottom:-5rem!important}.sm\\:mb-auto{margin-bottom:auto!important}.sm\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.sm\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.sm\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.sm\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.sm\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.sm\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.sm\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.sm\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.sm\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.sm\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.sm\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.sm\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.sm\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.sm\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.sm\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.sm\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.sm\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.sm\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.sm\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.sm\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.sm\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.sm\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.sm\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.sm\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.sm\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.sm\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.sm\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.sm\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.sm\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.sm\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.sm\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.sm\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.sm\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.sm\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.sm\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.sm\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}@media screen and (min-width:768px){.md\\:m-0{margin:0rem!important}.md\\:m-1{margin:.25rem!important}.md\\:m-2{margin:.5rem!important}.md\\:m-3{margin:1rem!important}.md\\:m-4{margin:1.5rem!important}.md\\:m-5{margin:2rem!important}.md\\:m-6{margin:3rem!important}.md\\:m-7{margin:4rem!important}.md\\:m-8{margin:5rem!important}.md\\:-m-1{margin:-.25rem!important}.md\\:-m-2{margin:-.5rem!important}.md\\:-m-3{margin:-1rem!important}.md\\:-m-4{margin:-1.5rem!important}.md\\:-m-5{margin:-2rem!important}.md\\:-m-6{margin:-3rem!important}.md\\:-m-7{margin:-4rem!important}.md\\:-m-8{margin:-5rem!important}.md\\:m-auto{margin:auto!important}.md\\:mt-0{margin-top:0rem!important}.md\\:mt-1{margin-top:.25rem!important}.md\\:mt-2{margin-top:.5rem!important}.md\\:mt-3{margin-top:1rem!important}.md\\:mt-4{margin-top:1.5rem!important}.md\\:mt-5{margin-top:2rem!important}.md\\:mt-6{margin-top:3rem!important}.md\\:mt-7{margin-top:4rem!important}.md\\:mt-8{margin-top:5rem!important}.md\\:-mt-1{margin-top:-.25rem!important}.md\\:-mt-2{margin-top:-.5rem!important}.md\\:-mt-3{margin-top:-1rem!important}.md\\:-mt-4{margin-top:-1.5rem!important}.md\\:-mt-5{margin-top:-2rem!important}.md\\:-mt-6{margin-top:-3rem!important}.md\\:-mt-7{margin-top:-4rem!important}.md\\:-mt-8{margin-top:-5rem!important}.md\\:mt-auto{margin-top:auto!important}.md\\:mr-0{margin-right:0rem!important}.md\\:mr-1{margin-right:.25rem!important}.md\\:mr-2{margin-right:.5rem!important}.md\\:mr-3{margin-right:1rem!important}.md\\:mr-4{margin-right:1.5rem!important}.md\\:mr-5{margin-right:2rem!important}.md\\:mr-6{margin-right:3rem!important}.md\\:mr-7{margin-right:4rem!important}.md\\:mr-8{margin-right:5rem!important}.md\\:-mr-1{margin-right:-.25rem!important}.md\\:-mr-2{margin-right:-.5rem!important}.md\\:-mr-3{margin-right:-1rem!important}.md\\:-mr-4{margin-right:-1.5rem!important}.md\\:-mr-5{margin-right:-2rem!important}.md\\:-mr-6{margin-right:-3rem!important}.md\\:-mr-7{margin-right:-4rem!important}.md\\:-mr-8{margin-right:-5rem!important}.md\\:mr-auto{margin-right:auto!important}.md\\:ml-0{margin-left:0rem!important}.md\\:ml-1{margin-left:.25rem!important}.md\\:ml-2{margin-left:.5rem!important}.md\\:ml-3{margin-left:1rem!important}.md\\:ml-4{margin-left:1.5rem!important}.md\\:ml-5{margin-left:2rem!important}.md\\:ml-6{margin-left:3rem!important}.md\\:ml-7{margin-left:4rem!important}.md\\:ml-8{margin-left:5rem!important}.md\\:-ml-1{margin-left:-.25rem!important}.md\\:-ml-2{margin-left:-.5rem!important}.md\\:-ml-3{margin-left:-1rem!important}.md\\:-ml-4{margin-left:-1.5rem!important}.md\\:-ml-5{margin-left:-2rem!important}.md\\:-ml-6{margin-left:-3rem!important}.md\\:-ml-7{margin-left:-4rem!important}.md\\:-ml-8{margin-left:-5rem!important}.md\\:ml-auto{margin-left:auto!important}.md\\:mb-0{margin-bottom:0rem!important}.md\\:mb-1{margin-bottom:.25rem!important}.md\\:mb-2{margin-bottom:.5rem!important}.md\\:mb-3{margin-bottom:1rem!important}.md\\:mb-4{margin-bottom:1.5rem!important}.md\\:mb-5{margin-bottom:2rem!important}.md\\:mb-6{margin-bottom:3rem!important}.md\\:mb-7{margin-bottom:4rem!important}.md\\:mb-8{margin-bottom:5rem!important}.md\\:-mb-1{margin-bottom:-.25rem!important}.md\\:-mb-2{margin-bottom:-.5rem!important}.md\\:-mb-3{margin-bottom:-1rem!important}.md\\:-mb-4{margin-bottom:-1.5rem!important}.md\\:-mb-5{margin-bottom:-2rem!important}.md\\:-mb-6{margin-bottom:-3rem!important}.md\\:-mb-7{margin-bottom:-4rem!important}.md\\:-mb-8{margin-bottom:-5rem!important}.md\\:mb-auto{margin-bottom:auto!important}.md\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.md\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.md\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.md\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.md\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.md\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.md\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.md\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.md\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.md\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.md\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.md\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.md\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.md\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.md\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.md\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.md\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.md\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.md\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.md\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.md\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.md\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.md\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.md\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.md\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.md\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.md\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.md\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.md\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.md\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.md\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.md\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.md\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.md\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.md\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.md\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}@media screen and (min-width:992px){.lg\\:m-0{margin:0rem!important}.lg\\:m-1{margin:.25rem!important}.lg\\:m-2{margin:.5rem!important}.lg\\:m-3{margin:1rem!important}.lg\\:m-4{margin:1.5rem!important}.lg\\:m-5{margin:2rem!important}.lg\\:m-6{margin:3rem!important}.lg\\:m-7{margin:4rem!important}.lg\\:m-8{margin:5rem!important}.lg\\:-m-1{margin:-.25rem!important}.lg\\:-m-2{margin:-.5rem!important}.lg\\:-m-3{margin:-1rem!important}.lg\\:-m-4{margin:-1.5rem!important}.lg\\:-m-5{margin:-2rem!important}.lg\\:-m-6{margin:-3rem!important}.lg\\:-m-7{margin:-4rem!important}.lg\\:-m-8{margin:-5rem!important}.lg\\:m-auto{margin:auto!important}.lg\\:mt-0{margin-top:0rem!important}.lg\\:mt-1{margin-top:.25rem!important}.lg\\:mt-2{margin-top:.5rem!important}.lg\\:mt-3{margin-top:1rem!important}.lg\\:mt-4{margin-top:1.5rem!important}.lg\\:mt-5{margin-top:2rem!important}.lg\\:mt-6{margin-top:3rem!important}.lg\\:mt-7{margin-top:4rem!important}.lg\\:mt-8{margin-top:5rem!important}.lg\\:-mt-1{margin-top:-.25rem!important}.lg\\:-mt-2{margin-top:-.5rem!important}.lg\\:-mt-3{margin-top:-1rem!important}.lg\\:-mt-4{margin-top:-1.5rem!important}.lg\\:-mt-5{margin-top:-2rem!important}.lg\\:-mt-6{margin-top:-3rem!important}.lg\\:-mt-7{margin-top:-4rem!important}.lg\\:-mt-8{margin-top:-5rem!important}.lg\\:mt-auto{margin-top:auto!important}.lg\\:mr-0{margin-right:0rem!important}.lg\\:mr-1{margin-right:.25rem!important}.lg\\:mr-2{margin-right:.5rem!important}.lg\\:mr-3{margin-right:1rem!important}.lg\\:mr-4{margin-right:1.5rem!important}.lg\\:mr-5{margin-right:2rem!important}.lg\\:mr-6{margin-right:3rem!important}.lg\\:mr-7{margin-right:4rem!important}.lg\\:mr-8{margin-right:5rem!important}.lg\\:-mr-1{margin-right:-.25rem!important}.lg\\:-mr-2{margin-right:-.5rem!important}.lg\\:-mr-3{margin-right:-1rem!important}.lg\\:-mr-4{margin-right:-1.5rem!important}.lg\\:-mr-5{margin-right:-2rem!important}.lg\\:-mr-6{margin-right:-3rem!important}.lg\\:-mr-7{margin-right:-4rem!important}.lg\\:-mr-8{margin-right:-5rem!important}.lg\\:mr-auto{margin-right:auto!important}.lg\\:ml-0{margin-left:0rem!important}.lg\\:ml-1{margin-left:.25rem!important}.lg\\:ml-2{margin-left:.5rem!important}.lg\\:ml-3{margin-left:1rem!important}.lg\\:ml-4{margin-left:1.5rem!important}.lg\\:ml-5{margin-left:2rem!important}.lg\\:ml-6{margin-left:3rem!important}.lg\\:ml-7{margin-left:4rem!important}.lg\\:ml-8{margin-left:5rem!important}.lg\\:-ml-1{margin-left:-.25rem!important}.lg\\:-ml-2{margin-left:-.5rem!important}.lg\\:-ml-3{margin-left:-1rem!important}.lg\\:-ml-4{margin-left:-1.5rem!important}.lg\\:-ml-5{margin-left:-2rem!important}.lg\\:-ml-6{margin-left:-3rem!important}.lg\\:-ml-7{margin-left:-4rem!important}.lg\\:-ml-8{margin-left:-5rem!important}.lg\\:ml-auto{margin-left:auto!important}.lg\\:mb-0{margin-bottom:0rem!important}.lg\\:mb-1{margin-bottom:.25rem!important}.lg\\:mb-2{margin-bottom:.5rem!important}.lg\\:mb-3{margin-bottom:1rem!important}.lg\\:mb-4{margin-bottom:1.5rem!important}.lg\\:mb-5{margin-bottom:2rem!important}.lg\\:mb-6{margin-bottom:3rem!important}.lg\\:mb-7{margin-bottom:4rem!important}.lg\\:mb-8{margin-bottom:5rem!important}.lg\\:-mb-1{margin-bottom:-.25rem!important}.lg\\:-mb-2{margin-bottom:-.5rem!important}.lg\\:-mb-3{margin-bottom:-1rem!important}.lg\\:-mb-4{margin-bottom:-1.5rem!important}.lg\\:-mb-5{margin-bottom:-2rem!important}.lg\\:-mb-6{margin-bottom:-3rem!important}.lg\\:-mb-7{margin-bottom:-4rem!important}.lg\\:-mb-8{margin-bottom:-5rem!important}.lg\\:mb-auto{margin-bottom:auto!important}.lg\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.lg\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.lg\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.lg\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.lg\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.lg\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.lg\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.lg\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.lg\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.lg\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.lg\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.lg\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.lg\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.lg\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.lg\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.lg\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.lg\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.lg\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.lg\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.lg\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.lg\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.lg\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.lg\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.lg\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.lg\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.lg\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.lg\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.lg\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.lg\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.lg\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.lg\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.lg\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.lg\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.lg\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.lg\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}@media screen and (min-width:1200px){.xl\\:m-0{margin:0rem!important}.xl\\:m-1{margin:.25rem!important}.xl\\:m-2{margin:.5rem!important}.xl\\:m-3{margin:1rem!important}.xl\\:m-4{margin:1.5rem!important}.xl\\:m-5{margin:2rem!important}.xl\\:m-6{margin:3rem!important}.xl\\:m-7{margin:4rem!important}.xl\\:m-8{margin:5rem!important}.xl\\:-m-1{margin:-.25rem!important}.xl\\:-m-2{margin:-.5rem!important}.xl\\:-m-3{margin:-1rem!important}.xl\\:-m-4{margin:-1.5rem!important}.xl\\:-m-5{margin:-2rem!important}.xl\\:-m-6{margin:-3rem!important}.xl\\:-m-7{margin:-4rem!important}.xl\\:-m-8{margin:-5rem!important}.xl\\:m-auto{margin:auto!important}.xl\\:mt-0{margin-top:0rem!important}.xl\\:mt-1{margin-top:.25rem!important}.xl\\:mt-2{margin-top:.5rem!important}.xl\\:mt-3{margin-top:1rem!important}.xl\\:mt-4{margin-top:1.5rem!important}.xl\\:mt-5{margin-top:2rem!important}.xl\\:mt-6{margin-top:3rem!important}.xl\\:mt-7{margin-top:4rem!important}.xl\\:mt-8{margin-top:5rem!important}.xl\\:-mt-1{margin-top:-.25rem!important}.xl\\:-mt-2{margin-top:-.5rem!important}.xl\\:-mt-3{margin-top:-1rem!important}.xl\\:-mt-4{margin-top:-1.5rem!important}.xl\\:-mt-5{margin-top:-2rem!important}.xl\\:-mt-6{margin-top:-3rem!important}.xl\\:-mt-7{margin-top:-4rem!important}.xl\\:-mt-8{margin-top:-5rem!important}.xl\\:mt-auto{margin-top:auto!important}.xl\\:mr-0{margin-right:0rem!important}.xl\\:mr-1{margin-right:.25rem!important}.xl\\:mr-2{margin-right:.5rem!important}.xl\\:mr-3{margin-right:1rem!important}.xl\\:mr-4{margin-right:1.5rem!important}.xl\\:mr-5{margin-right:2rem!important}.xl\\:mr-6{margin-right:3rem!important}.xl\\:mr-7{margin-right:4rem!important}.xl\\:mr-8{margin-right:5rem!important}.xl\\:-mr-1{margin-right:-.25rem!important}.xl\\:-mr-2{margin-right:-.5rem!important}.xl\\:-mr-3{margin-right:-1rem!important}.xl\\:-mr-4{margin-right:-1.5rem!important}.xl\\:-mr-5{margin-right:-2rem!important}.xl\\:-mr-6{margin-right:-3rem!important}.xl\\:-mr-7{margin-right:-4rem!important}.xl\\:-mr-8{margin-right:-5rem!important}.xl\\:mr-auto{margin-right:auto!important}.xl\\:ml-0{margin-left:0rem!important}.xl\\:ml-1{margin-left:.25rem!important}.xl\\:ml-2{margin-left:.5rem!important}.xl\\:ml-3{margin-left:1rem!important}.xl\\:ml-4{margin-left:1.5rem!important}.xl\\:ml-5{margin-left:2rem!important}.xl\\:ml-6{margin-left:3rem!important}.xl\\:ml-7{margin-left:4rem!important}.xl\\:ml-8{margin-left:5rem!important}.xl\\:-ml-1{margin-left:-.25rem!important}.xl\\:-ml-2{margin-left:-.5rem!important}.xl\\:-ml-3{margin-left:-1rem!important}.xl\\:-ml-4{margin-left:-1.5rem!important}.xl\\:-ml-5{margin-left:-2rem!important}.xl\\:-ml-6{margin-left:-3rem!important}.xl\\:-ml-7{margin-left:-4rem!important}.xl\\:-ml-8{margin-left:-5rem!important}.xl\\:ml-auto{margin-left:auto!important}.xl\\:mb-0{margin-bottom:0rem!important}.xl\\:mb-1{margin-bottom:.25rem!important}.xl\\:mb-2{margin-bottom:.5rem!important}.xl\\:mb-3{margin-bottom:1rem!important}.xl\\:mb-4{margin-bottom:1.5rem!important}.xl\\:mb-5{margin-bottom:2rem!important}.xl\\:mb-6{margin-bottom:3rem!important}.xl\\:mb-7{margin-bottom:4rem!important}.xl\\:mb-8{margin-bottom:5rem!important}.xl\\:-mb-1{margin-bottom:-.25rem!important}.xl\\:-mb-2{margin-bottom:-.5rem!important}.xl\\:-mb-3{margin-bottom:-1rem!important}.xl\\:-mb-4{margin-bottom:-1.5rem!important}.xl\\:-mb-5{margin-bottom:-2rem!important}.xl\\:-mb-6{margin-bottom:-3rem!important}.xl\\:-mb-7{margin-bottom:-4rem!important}.xl\\:-mb-8{margin-bottom:-5rem!important}.xl\\:mb-auto{margin-bottom:auto!important}.xl\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.xl\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.xl\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.xl\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.xl\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.xl\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.xl\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.xl\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.xl\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.xl\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.xl\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.xl\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.xl\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.xl\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.xl\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.xl\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.xl\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.xl\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.xl\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.xl\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.xl\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.xl\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.xl\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.xl\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.xl\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.xl\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.xl\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.xl\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.xl\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.xl\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.xl\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.xl\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.xl\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.xl\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.xl\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.xl\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}.shadow-none{box-shadow:none!important}.shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.focus\\:shadow-none:focus{box-shadow:none!important}.hover\\:shadow-none:hover,.active\\:shadow-none:active{box-shadow:none!important}.focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.hover\\:shadow-1:hover,.active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.hover\\:shadow-2:hover,.active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.hover\\:shadow-3:hover,.active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.hover\\:shadow-4:hover,.active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.hover\\:shadow-5:hover,.active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.hover\\:shadow-6:hover,.active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.hover\\:shadow-7:hover,.active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.hover\\:shadow-8:hover,.active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}@media screen and (min-width:576px){.sm\\:shadow-none{box-shadow:none!important}.sm\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.sm\\:focus\\:shadow-none:focus{box-shadow:none!important}.sm\\:hover\\:shadow-none:hover,.sm\\:active\\:shadow-none:active{box-shadow:none!important}.sm\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\\:hover\\:shadow-1:hover,.sm\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\\:hover\\:shadow-2:hover,.sm\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\\:hover\\:shadow-3:hover,.sm\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\\:hover\\:shadow-4:hover,.sm\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\\:hover\\:shadow-5:hover,.sm\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\\:hover\\:shadow-6:hover,.sm\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\\:hover\\:shadow-7:hover,.sm\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.sm\\:hover\\:shadow-8:hover,.sm\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width:768px){.md\\:shadow-none{box-shadow:none!important}.md\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.md\\:focus\\:shadow-none:focus{box-shadow:none!important}.md\\:hover\\:shadow-none:hover,.md\\:active\\:shadow-none:active{box-shadow:none!important}.md\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\\:hover\\:shadow-1:hover,.md\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\\:hover\\:shadow-2:hover,.md\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\\:hover\\:shadow-3:hover,.md\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\\:hover\\:shadow-4:hover,.md\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\\:hover\\:shadow-5:hover,.md\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\\:hover\\:shadow-6:hover,.md\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\\:hover\\:shadow-7:hover,.md\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.md\\:hover\\:shadow-8:hover,.md\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width:992px){.lg\\:shadow-none{box-shadow:none!important}.lg\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.lg\\:focus\\:shadow-none:focus{box-shadow:none!important}.lg\\:hover\\:shadow-none:hover,.lg\\:active\\:shadow-none:active{box-shadow:none!important}.lg\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\\:hover\\:shadow-1:hover,.lg\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\\:hover\\:shadow-2:hover,.lg\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\\:hover\\:shadow-3:hover,.lg\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\\:hover\\:shadow-4:hover,.lg\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\\:hover\\:shadow-5:hover,.lg\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\\:hover\\:shadow-6:hover,.lg\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\\:hover\\:shadow-7:hover,.lg\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.lg\\:hover\\:shadow-8:hover,.lg\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width:1200px){.xl\\:shadow-none{box-shadow:none!important}.xl\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.xl\\:focus\\:shadow-none:focus{box-shadow:none!important}.xl\\:hover\\:shadow-none:hover,.xl\\:active\\:shadow-none:active{box-shadow:none!important}.xl\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\\:hover\\:shadow-1:hover,.xl\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\\:hover\\:shadow-2:hover,.xl\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\\:hover\\:shadow-3:hover,.xl\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\\:hover\\:shadow-4:hover,.xl\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\\:hover\\:shadow-5:hover,.xl\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\\:hover\\:shadow-6:hover,.xl\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\\:hover\\:shadow-7:hover,.xl\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.xl\\:hover\\:shadow-8:hover,.xl\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}.border-none{border-width:0px!important;border-style:none}.border-1{border-width:1px!important;border-style:solid}.border-2{border-width:2px!important;border-style:solid}.border-3{border-width:3px!important;border-style:solid}.border-top-none{border-top-width:0px!important;border-top-style:none}.border-top-1{border-top-width:1px!important;border-top-style:solid}.border-top-2{border-top-width:2px!important;border-top-style:solid}.border-top-3{border-top-width:3px!important;border-top-style:solid}.border-right-none{border-right-width:0px!important;border-right-style:none}.border-right-1{border-right-width:1px!important;border-right-style:solid}.border-right-2{border-right-width:2px!important;border-right-style:solid}.border-right-3{border-right-width:3px!important;border-right-style:solid}.border-left-none{border-left-width:0px!important;border-left-style:none}.border-left-1{border-left-width:1px!important;border-left-style:solid}.border-left-2{border-left-width:2px!important;border-left-style:solid}.border-left-3{border-left-width:3px!important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}@media screen and (min-width:576px){.sm\\:border-none{border-width:0px!important;border-style:none}.sm\\:border-1{border-width:1px!important;border-style:solid}.sm\\:border-2{border-width:2px!important;border-style:solid}.sm\\:border-3{border-width:3px!important;border-style:solid}.sm\\:border-top-none{border-top-width:0px!important;border-top-style:none}.sm\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.sm\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.sm\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.sm\\:border-right-none{border-right-width:0px!important;border-right-style:none}.sm\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.sm\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.sm\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.sm\\:border-left-none{border-left-width:0px!important;border-left-style:none}.sm\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.sm\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.sm\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.sm\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.sm\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.sm\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.sm\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.sm\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.sm\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.sm\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.sm\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.sm\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.sm\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.sm\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.sm\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}@media screen and (min-width:768px){.md\\:border-none{border-width:0px!important;border-style:none}.md\\:border-1{border-width:1px!important;border-style:solid}.md\\:border-2{border-width:2px!important;border-style:solid}.md\\:border-3{border-width:3px!important;border-style:solid}.md\\:border-top-none{border-top-width:0px!important;border-top-style:none}.md\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.md\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.md\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.md\\:border-right-none{border-right-width:0px!important;border-right-style:none}.md\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.md\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.md\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.md\\:border-left-none{border-left-width:0px!important;border-left-style:none}.md\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.md\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.md\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.md\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.md\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.md\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.md\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.md\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.md\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.md\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.md\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.md\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.md\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.md\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.md\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}@media screen and (min-width:992px){.lg\\:border-none{border-width:0px!important;border-style:none}.lg\\:border-1{border-width:1px!important;border-style:solid}.lg\\:border-2{border-width:2px!important;border-style:solid}.lg\\:border-3{border-width:3px!important;border-style:solid}.lg\\:border-top-none{border-top-width:0px!important;border-top-style:none}.lg\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.lg\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.lg\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.lg\\:border-right-none{border-right-width:0px!important;border-right-style:none}.lg\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.lg\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.lg\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.lg\\:border-left-none{border-left-width:0px!important;border-left-style:none}.lg\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.lg\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.lg\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.lg\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.lg\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.lg\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.lg\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.lg\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.lg\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.lg\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.lg\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.lg\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.lg\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.lg\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.lg\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}@media screen and (min-width:1200px){.xl\\:border-none{border-width:0px!important;border-style:none}.xl\\:border-1{border-width:1px!important;border-style:solid}.xl\\:border-2{border-width:2px!important;border-style:solid}.xl\\:border-3{border-width:3px!important;border-style:solid}.xl\\:border-top-none{border-top-width:0px!important;border-top-style:none}.xl\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.xl\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.xl\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.xl\\:border-right-none{border-right-width:0px!important;border-right-style:none}.xl\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.xl\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.xl\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.xl\\:border-left-none{border-left-width:0px!important;border-left-style:none}.xl\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.xl\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.xl\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.xl\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.xl\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.xl\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.xl\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.xl\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.xl\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.xl\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.xl\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.xl\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.xl\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.xl\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.xl\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}.border-solid{border-style:solid!important}.border-dashed{border-style:dashed!important}.border-dotted{border-style:dotted!important}.border-double{border-style:double!important}@media screen and (min-width:576px){.sm\\:border-solid{border-style:solid!important}.sm\\:border-dashed{border-style:dashed!important}.sm\\:border-dotted{border-style:dotted!important}.sm\\:border-double{border-style:double!important}}@media screen and (min-width:768px){.md\\:border-solid{border-style:solid!important}.md\\:border-dashed{border-style:dashed!important}.md\\:border-dotted{border-style:dotted!important}.md\\:border-double{border-style:double!important}}@media screen and (min-width:992px){.lg\\:border-solid{border-style:solid!important}.lg\\:border-dashed{border-style:dashed!important}.lg\\:border-dotted{border-style:dotted!important}.lg\\:border-double{border-style:double!important}}@media screen and (min-width:1200px){.xl\\:border-solid{border-style:solid!important}.xl\\:border-dashed{border-style:dashed!important}.xl\\:border-dotted{border-style:dotted!important}.xl\\:border-double{border-style:double!important}}.border-noround{border-radius:0!important}.border-round{border-radius:var(--p-content-border-radius)!important}.border-round-xs{border-radius:.125rem!important}.border-round-sm{border-radius:.25rem!important}.border-round-md{border-radius:.375rem!important}.border-round-lg{border-radius:.5rem!important}.border-round-xl{border-radius:.75rem!important}.border-round-2xl{border-radius:1rem!important}.border-round-3xl{border-radius:1.5rem!important}.border-circle{border-radius:50%!important}@media screen and (min-width:576px){.sm\\:border-noround{border-radius:0!important}.sm\\:border-round{border-radius:var(--p-content-border-radius)!important}.sm\\:border-round-xs{border-radius:.125rem!important}.sm\\:border-round-sm{border-radius:.25rem!important}.sm\\:border-round-md{border-radius:.375rem!important}.sm\\:border-round-lg{border-radius:.5rem!important}.sm\\:border-round-xl{border-radius:.75rem!important}.sm\\:border-round-2xl{border-radius:1rem!important}.sm\\:border-round-3xl{border-radius:1.5rem!important}.sm\\:border-circle{border-radius:50%!important}}@media screen and (min-width:768px){.md\\:border-noround{border-radius:0!important}.md\\:border-round{border-radius:var(--p-content-border-radius)!important}.md\\:border-round-xs{border-radius:.125rem!important}.md\\:border-round-sm{border-radius:.25rem!important}.md\\:border-round-md{border-radius:.375rem!important}.md\\:border-round-lg{border-radius:.5rem!important}.md\\:border-round-xl{border-radius:.75rem!important}.md\\:border-round-2xl{border-radius:1rem!important}.md\\:border-round-3xl{border-radius:1.5rem!important}.md\\:border-circle{border-radius:50%!important}}@media screen and (min-width:992px){.lg\\:border-noround{border-radius:0!important}.lg\\:border-round{border-radius:var(--p-content-border-radius)!important}.lg\\:border-round-xs{border-radius:.125rem!important}.lg\\:border-round-sm{border-radius:.25rem!important}.lg\\:border-round-md{border-radius:.375rem!important}.lg\\:border-round-lg{border-radius:.5rem!important}.lg\\:border-round-xl{border-radius:.75rem!important}.lg\\:border-round-2xl{border-radius:1rem!important}.lg\\:border-round-3xl{border-radius:1.5rem!important}.lg\\:border-circle{border-radius:50%!important}}@media screen and (min-width:1200px){.xl\\:border-noround{border-radius:0!important}.xl\\:border-round{border-radius:var(--p-content-border-radius)!important}.xl\\:border-round-xs{border-radius:.125rem!important}.xl\\:border-round-sm{border-radius:.25rem!important}.xl\\:border-round-md{border-radius:.375rem!important}.xl\\:border-round-lg{border-radius:.5rem!important}.xl\\:border-round-xl{border-radius:.75rem!important}.xl\\:border-round-2xl{border-radius:1rem!important}.xl\\:border-round-3xl{border-radius:1.5rem!important}.xl\\:border-circle{border-radius:50%!important}}.border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}@media screen and (min-width:576px){.sm\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.sm\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.sm\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.sm\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.sm\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.sm\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.sm\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.sm\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.sm\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.sm\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.sm\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.sm\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.sm\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.sm\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.sm\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.sm\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.sm\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.sm\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.sm\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.sm\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.sm\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.sm\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.sm\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.sm\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.sm\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.sm\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.sm\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.sm\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.sm\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.sm\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.sm\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.sm\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.sm\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.sm\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.sm\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.sm\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.sm\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.sm\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.sm\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.sm\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}@media screen and (min-width:768px){.md\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.md\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.md\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.md\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.md\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.md\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.md\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.md\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.md\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.md\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.md\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.md\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.md\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.md\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.md\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.md\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.md\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.md\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.md\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.md\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.md\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.md\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.md\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.md\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.md\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.md\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.md\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.md\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.md\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.md\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.md\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.md\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.md\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.md\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.md\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.md\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.md\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.md\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.md\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.md\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}@media screen and (min-width:992px){.lg\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.lg\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.lg\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.lg\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.lg\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.lg\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.lg\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.lg\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.lg\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.lg\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.lg\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.lg\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.lg\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.lg\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.lg\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.lg\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.lg\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.lg\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.lg\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.lg\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.lg\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.lg\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.lg\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.lg\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.lg\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.lg\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.lg\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.lg\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.lg\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.lg\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.lg\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.lg\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.lg\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.lg\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.lg\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.lg\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.lg\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.lg\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.lg\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.lg\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}@media screen and (min-width:1200px){.xl\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xl\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.xl\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.xl\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.xl\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.xl\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.xl\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.xl\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.xl\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.xl\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.xl\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.xl\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.xl\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.xl\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.xl\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.xl\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.xl\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.xl\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.xl\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.xl\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.xl\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.xl\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.xl\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.xl\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.xl\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.xl\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.xl\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.xl\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.xl\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.xl\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.xl\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.xl\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.xl\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.xl\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.xl\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.xl\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.xl\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.xl\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.xl\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.xl\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-auto{width:auto!important}.w-1{width:8.3333%!important}.w-2{width:16.6667%!important}.w-3{width:25%!important}.w-4{width:33.3333%!important}.w-5{width:41.6667%!important}.w-6{width:50%!important}.w-7{width:58.3333%!important}.w-8{width:66.6667%!important}.w-9{width:75%!important}.w-10{width:83.3333%!important}.w-11{width:91.6667%!important}.w-12{width:100%!important}.w-min{width:min-content!important}.w-max{width:max-content!important}.w-fit{width:fit-content!important}.w-1rem{width:1rem!important}.w-2rem{width:2rem!important}.w-3rem{width:3rem!important}.w-4rem{width:4rem!important}.w-5rem{width:5rem!important}.w-6rem{width:6rem!important}.w-7rem{width:7rem!important}.w-8rem{width:8rem!important}.w-9rem{width:9rem!important}.w-10rem{width:10rem!important}.w-11rem{width:11rem!important}.w-12rem{width:12rem!important}.w-13rem{width:13rem!important}.w-14rem{width:14rem!important}.w-15rem{width:15rem!important}.w-16rem{width:16rem!important}.w-17rem{width:17rem!important}.w-18rem{width:18rem!important}.w-19rem{width:19rem!important}.w-20rem{width:20rem!important}.w-21rem{width:21rem!important}.w-22rem{width:22rem!important}.w-23rem{width:23rem!important}.w-24rem{width:24rem!important}.w-25rem{width:25rem!important}.w-26rem{width:26rem!important}.w-27rem{width:27rem!important}.w-28rem{width:28rem!important}.w-29rem{width:29rem!important}.w-30rem{width:30rem!important}@media screen and (min-width:576px){.sm\\:w-full{width:100%!important}.sm\\:w-screen{width:100vw!important}.sm\\:w-auto{width:auto!important}.sm\\:w-1{width:8.3333%!important}.sm\\:w-2{width:16.6667%!important}.sm\\:w-3{width:25%!important}.sm\\:w-4{width:33.3333%!important}.sm\\:w-5{width:41.6667%!important}.sm\\:w-6{width:50%!important}.sm\\:w-7{width:58.3333%!important}.sm\\:w-8{width:66.6667%!important}.sm\\:w-9{width:75%!important}.sm\\:w-10{width:83.3333%!important}.sm\\:w-11{width:91.6667%!important}.sm\\:w-12{width:100%!important}.sm\\:w-min{width:min-content!important}.sm\\:w-max{width:max-content!important}.sm\\:w-fit{width:fit-content!important}.sm\\:w-1rem{width:1rem!important}.sm\\:w-2rem{width:2rem!important}.sm\\:w-3rem{width:3rem!important}.sm\\:w-4rem{width:4rem!important}.sm\\:w-5rem{width:5rem!important}.sm\\:w-6rem{width:6rem!important}.sm\\:w-7rem{width:7rem!important}.sm\\:w-8rem{width:8rem!important}.sm\\:w-9rem{width:9rem!important}.sm\\:w-10rem{width:10rem!important}.sm\\:w-11rem{width:11rem!important}.sm\\:w-12rem{width:12rem!important}.sm\\:w-13rem{width:13rem!important}.sm\\:w-14rem{width:14rem!important}.sm\\:w-15rem{width:15rem!important}.sm\\:w-16rem{width:16rem!important}.sm\\:w-17rem{width:17rem!important}.sm\\:w-18rem{width:18rem!important}.sm\\:w-19rem{width:19rem!important}.sm\\:w-20rem{width:20rem!important}.sm\\:w-21rem{width:21rem!important}.sm\\:w-22rem{width:22rem!important}.sm\\:w-23rem{width:23rem!important}.sm\\:w-24rem{width:24rem!important}.sm\\:w-25rem{width:25rem!important}.sm\\:w-26rem{width:26rem!important}.sm\\:w-27rem{width:27rem!important}.sm\\:w-28rem{width:28rem!important}.sm\\:w-29rem{width:29rem!important}.sm\\:w-30rem{width:30rem!important}}@media screen and (min-width:768px){.md\\:w-full{width:100%!important}.md\\:w-screen{width:100vw!important}.md\\:w-auto{width:auto!important}.md\\:w-1{width:8.3333%!important}.md\\:w-2{width:16.6667%!important}.md\\:w-3{width:25%!important}.md\\:w-4{width:33.3333%!important}.md\\:w-5{width:41.6667%!important}.md\\:w-6{width:50%!important}.md\\:w-7{width:58.3333%!important}.md\\:w-8{width:66.6667%!important}.md\\:w-9{width:75%!important}.md\\:w-10{width:83.3333%!important}.md\\:w-11{width:91.6667%!important}.md\\:w-12{width:100%!important}.md\\:w-min{width:min-content!important}.md\\:w-max{width:max-content!important}.md\\:w-fit{width:fit-content!important}.md\\:w-1rem{width:1rem!important}.md\\:w-2rem{width:2rem!important}.md\\:w-3rem{width:3rem!important}.md\\:w-4rem{width:4rem!important}.md\\:w-5rem{width:5rem!important}.md\\:w-6rem{width:6rem!important}.md\\:w-7rem{width:7rem!important}.md\\:w-8rem{width:8rem!important}.md\\:w-9rem{width:9rem!important}.md\\:w-10rem{width:10rem!important}.md\\:w-11rem{width:11rem!important}.md\\:w-12rem{width:12rem!important}.md\\:w-13rem{width:13rem!important}.md\\:w-14rem{width:14rem!important}.md\\:w-15rem{width:15rem!important}.md\\:w-16rem{width:16rem!important}.md\\:w-17rem{width:17rem!important}.md\\:w-18rem{width:18rem!important}.md\\:w-19rem{width:19rem!important}.md\\:w-20rem{width:20rem!important}.md\\:w-21rem{width:21rem!important}.md\\:w-22rem{width:22rem!important}.md\\:w-23rem{width:23rem!important}.md\\:w-24rem{width:24rem!important}.md\\:w-25rem{width:25rem!important}.md\\:w-26rem{width:26rem!important}.md\\:w-27rem{width:27rem!important}.md\\:w-28rem{width:28rem!important}.md\\:w-29rem{width:29rem!important}.md\\:w-30rem{width:30rem!important}}@media screen and (min-width:992px){.lg\\:w-full{width:100%!important}.lg\\:w-screen{width:100vw!important}.lg\\:w-auto{width:auto!important}.lg\\:w-1{width:8.3333%!important}.lg\\:w-2{width:16.6667%!important}.lg\\:w-3{width:25%!important}.lg\\:w-4{width:33.3333%!important}.lg\\:w-5{width:41.6667%!important}.lg\\:w-6{width:50%!important}.lg\\:w-7{width:58.3333%!important}.lg\\:w-8{width:66.6667%!important}.lg\\:w-9{width:75%!important}.lg\\:w-10{width:83.3333%!important}.lg\\:w-11{width:91.6667%!important}.lg\\:w-12{width:100%!important}.lg\\:w-min{width:min-content!important}.lg\\:w-max{width:max-content!important}.lg\\:w-fit{width:fit-content!important}.lg\\:w-1rem{width:1rem!important}.lg\\:w-2rem{width:2rem!important}.lg\\:w-3rem{width:3rem!important}.lg\\:w-4rem{width:4rem!important}.lg\\:w-5rem{width:5rem!important}.lg\\:w-6rem{width:6rem!important}.lg\\:w-7rem{width:7rem!important}.lg\\:w-8rem{width:8rem!important}.lg\\:w-9rem{width:9rem!important}.lg\\:w-10rem{width:10rem!important}.lg\\:w-11rem{width:11rem!important}.lg\\:w-12rem{width:12rem!important}.lg\\:w-13rem{width:13rem!important}.lg\\:w-14rem{width:14rem!important}.lg\\:w-15rem{width:15rem!important}.lg\\:w-16rem{width:16rem!important}.lg\\:w-17rem{width:17rem!important}.lg\\:w-18rem{width:18rem!important}.lg\\:w-19rem{width:19rem!important}.lg\\:w-20rem{width:20rem!important}.lg\\:w-21rem{width:21rem!important}.lg\\:w-22rem{width:22rem!important}.lg\\:w-23rem{width:23rem!important}.lg\\:w-24rem{width:24rem!important}.lg\\:w-25rem{width:25rem!important}.lg\\:w-26rem{width:26rem!important}.lg\\:w-27rem{width:27rem!important}.lg\\:w-28rem{width:28rem!important}.lg\\:w-29rem{width:29rem!important}.lg\\:w-30rem{width:30rem!important}}@media screen and (min-width:1200px){.xl\\:w-full{width:100%!important}.xl\\:w-screen{width:100vw!important}.xl\\:w-auto{width:auto!important}.xl\\:w-1{width:8.3333%!important}.xl\\:w-2{width:16.6667%!important}.xl\\:w-3{width:25%!important}.xl\\:w-4{width:33.3333%!important}.xl\\:w-5{width:41.6667%!important}.xl\\:w-6{width:50%!important}.xl\\:w-7{width:58.3333%!important}.xl\\:w-8{width:66.6667%!important}.xl\\:w-9{width:75%!important}.xl\\:w-10{width:83.3333%!important}.xl\\:w-11{width:91.6667%!important}.xl\\:w-12{width:100%!important}.xl\\:w-min{width:min-content!important}.xl\\:w-max{width:max-content!important}.xl\\:w-fit{width:fit-content!important}.xl\\:w-1rem{width:1rem!important}.xl\\:w-2rem{width:2rem!important}.xl\\:w-3rem{width:3rem!important}.xl\\:w-4rem{width:4rem!important}.xl\\:w-5rem{width:5rem!important}.xl\\:w-6rem{width:6rem!important}.xl\\:w-7rem{width:7rem!important}.xl\\:w-8rem{width:8rem!important}.xl\\:w-9rem{width:9rem!important}.xl\\:w-10rem{width:10rem!important}.xl\\:w-11rem{width:11rem!important}.xl\\:w-12rem{width:12rem!important}.xl\\:w-13rem{width:13rem!important}.xl\\:w-14rem{width:14rem!important}.xl\\:w-15rem{width:15rem!important}.xl\\:w-16rem{width:16rem!important}.xl\\:w-17rem{width:17rem!important}.xl\\:w-18rem{width:18rem!important}.xl\\:w-19rem{width:19rem!important}.xl\\:w-20rem{width:20rem!important}.xl\\:w-21rem{width:21rem!important}.xl\\:w-22rem{width:22rem!important}.xl\\:w-23rem{width:23rem!important}.xl\\:w-24rem{width:24rem!important}.xl\\:w-25rem{width:25rem!important}.xl\\:w-26rem{width:26rem!important}.xl\\:w-27rem{width:27rem!important}.xl\\:w-28rem{width:28rem!important}.xl\\:w-29rem{width:29rem!important}.xl\\:w-30rem{width:30rem!important}}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-auto{height:auto!important}.h-min{height:min-content!important}.h-max{height:max-content!important}.h-fit{height:fit-content!important}.h-1rem{height:1rem!important}.h-2rem{height:2rem!important}.h-3rem{height:3rem!important}.h-4rem{height:4rem!important}.h-5rem{height:5rem!important}.h-6rem{height:6rem!important}.h-7rem{height:7rem!important}.h-8rem{height:8rem!important}.h-9rem{height:9rem!important}.h-10rem{height:10rem!important}.h-11rem{height:11rem!important}.h-12rem{height:12rem!important}.h-13rem{height:13rem!important}.h-14rem{height:14rem!important}.h-15rem{height:15rem!important}.h-16rem{height:16rem!important}.h-17rem{height:17rem!important}.h-18rem{height:18rem!important}.h-19rem{height:19rem!important}.h-20rem{height:20rem!important}.h-21rem{height:21rem!important}.h-22rem{height:22rem!important}.h-23rem{height:23rem!important}.h-24rem{height:24rem!important}.h-25rem{height:25rem!important}.h-26rem{height:26rem!important}.h-27rem{height:27rem!important}.h-28rem{height:28rem!important}.h-29rem{height:29rem!important}.h-30rem{height:30rem!important}@media screen and (min-width:576px){.sm\\:h-full{height:100%!important}.sm\\:h-screen{height:100vh!important}.sm\\:h-auto{height:auto!important}.sm\\:h-min{height:min-content!important}.sm\\:h-max{height:max-content!important}.sm\\:h-fit{height:fit-content!important}.sm\\:h-1rem{height:1rem!important}.sm\\:h-2rem{height:2rem!important}.sm\\:h-3rem{height:3rem!important}.sm\\:h-4rem{height:4rem!important}.sm\\:h-5rem{height:5rem!important}.sm\\:h-6rem{height:6rem!important}.sm\\:h-7rem{height:7rem!important}.sm\\:h-8rem{height:8rem!important}.sm\\:h-9rem{height:9rem!important}.sm\\:h-10rem{height:10rem!important}.sm\\:h-11rem{height:11rem!important}.sm\\:h-12rem{height:12rem!important}.sm\\:h-13rem{height:13rem!important}.sm\\:h-14rem{height:14rem!important}.sm\\:h-15rem{height:15rem!important}.sm\\:h-16rem{height:16rem!important}.sm\\:h-17rem{height:17rem!important}.sm\\:h-18rem{height:18rem!important}.sm\\:h-19rem{height:19rem!important}.sm\\:h-20rem{height:20rem!important}.sm\\:h-21rem{height:21rem!important}.sm\\:h-22rem{height:22rem!important}.sm\\:h-23rem{height:23rem!important}.sm\\:h-24rem{height:24rem!important}.sm\\:h-25rem{height:25rem!important}.sm\\:h-26rem{height:26rem!important}.sm\\:h-27rem{height:27rem!important}.sm\\:h-28rem{height:28rem!important}.sm\\:h-29rem{height:29rem!important}.sm\\:h-30rem{height:30rem!important}}@media screen and (min-width:768px){.md\\:h-full{height:100%!important}.md\\:h-screen{height:100vh!important}.md\\:h-auto{height:auto!important}.md\\:h-min{height:min-content!important}.md\\:h-max{height:max-content!important}.md\\:h-fit{height:fit-content!important}.md\\:h-1rem{height:1rem!important}.md\\:h-2rem{height:2rem!important}.md\\:h-3rem{height:3rem!important}.md\\:h-4rem{height:4rem!important}.md\\:h-5rem{height:5rem!important}.md\\:h-6rem{height:6rem!important}.md\\:h-7rem{height:7rem!important}.md\\:h-8rem{height:8rem!important}.md\\:h-9rem{height:9rem!important}.md\\:h-10rem{height:10rem!important}.md\\:h-11rem{height:11rem!important}.md\\:h-12rem{height:12rem!important}.md\\:h-13rem{height:13rem!important}.md\\:h-14rem{height:14rem!important}.md\\:h-15rem{height:15rem!important}.md\\:h-16rem{height:16rem!important}.md\\:h-17rem{height:17rem!important}.md\\:h-18rem{height:18rem!important}.md\\:h-19rem{height:19rem!important}.md\\:h-20rem{height:20rem!important}.md\\:h-21rem{height:21rem!important}.md\\:h-22rem{height:22rem!important}.md\\:h-23rem{height:23rem!important}.md\\:h-24rem{height:24rem!important}.md\\:h-25rem{height:25rem!important}.md\\:h-26rem{height:26rem!important}.md\\:h-27rem{height:27rem!important}.md\\:h-28rem{height:28rem!important}.md\\:h-29rem{height:29rem!important}.md\\:h-30rem{height:30rem!important}}@media screen and (min-width:992px){.lg\\:h-full{height:100%!important}.lg\\:h-screen{height:100vh!important}.lg\\:h-auto{height:auto!important}.lg\\:h-min{height:min-content!important}.lg\\:h-max{height:max-content!important}.lg\\:h-fit{height:fit-content!important}.lg\\:h-1rem{height:1rem!important}.lg\\:h-2rem{height:2rem!important}.lg\\:h-3rem{height:3rem!important}.lg\\:h-4rem{height:4rem!important}.lg\\:h-5rem{height:5rem!important}.lg\\:h-6rem{height:6rem!important}.lg\\:h-7rem{height:7rem!important}.lg\\:h-8rem{height:8rem!important}.lg\\:h-9rem{height:9rem!important}.lg\\:h-10rem{height:10rem!important}.lg\\:h-11rem{height:11rem!important}.lg\\:h-12rem{height:12rem!important}.lg\\:h-13rem{height:13rem!important}.lg\\:h-14rem{height:14rem!important}.lg\\:h-15rem{height:15rem!important}.lg\\:h-16rem{height:16rem!important}.lg\\:h-17rem{height:17rem!important}.lg\\:h-18rem{height:18rem!important}.lg\\:h-19rem{height:19rem!important}.lg\\:h-20rem{height:20rem!important}.lg\\:h-21rem{height:21rem!important}.lg\\:h-22rem{height:22rem!important}.lg\\:h-23rem{height:23rem!important}.lg\\:h-24rem{height:24rem!important}.lg\\:h-25rem{height:25rem!important}.lg\\:h-26rem{height:26rem!important}.lg\\:h-27rem{height:27rem!important}.lg\\:h-28rem{height:28rem!important}.lg\\:h-29rem{height:29rem!important}.lg\\:h-30rem{height:30rem!important}}@media screen and (min-width:1200px){.xl\\:h-full{height:100%!important}.xl\\:h-screen{height:100vh!important}.xl\\:h-auto{height:auto!important}.xl\\:h-min{height:min-content!important}.xl\\:h-max{height:max-content!important}.xl\\:h-fit{height:fit-content!important}.xl\\:h-1rem{height:1rem!important}.xl\\:h-2rem{height:2rem!important}.xl\\:h-3rem{height:3rem!important}.xl\\:h-4rem{height:4rem!important}.xl\\:h-5rem{height:5rem!important}.xl\\:h-6rem{height:6rem!important}.xl\\:h-7rem{height:7rem!important}.xl\\:h-8rem{height:8rem!important}.xl\\:h-9rem{height:9rem!important}.xl\\:h-10rem{height:10rem!important}.xl\\:h-11rem{height:11rem!important}.xl\\:h-12rem{height:12rem!important}.xl\\:h-13rem{height:13rem!important}.xl\\:h-14rem{height:14rem!important}.xl\\:h-15rem{height:15rem!important}.xl\\:h-16rem{height:16rem!important}.xl\\:h-17rem{height:17rem!important}.xl\\:h-18rem{height:18rem!important}.xl\\:h-19rem{height:19rem!important}.xl\\:h-20rem{height:20rem!important}.xl\\:h-21rem{height:21rem!important}.xl\\:h-22rem{height:22rem!important}.xl\\:h-23rem{height:23rem!important}.xl\\:h-24rem{height:24rem!important}.xl\\:h-25rem{height:25rem!important}.xl\\:h-26rem{height:26rem!important}.xl\\:h-27rem{height:27rem!important}.xl\\:h-28rem{height:28rem!important}.xl\\:h-29rem{height:29rem!important}.xl\\:h-30rem{height:30rem!important}}.min-w-0{min-width:0px!important}.min-w-full{min-width:100%!important}.min-w-screen{min-width:100vw!important}.min-w-min{min-width:min-content!important}.min-w-max{min-width:max-content!important}@media screen and (min-width:576px){.sm\\:min-w-0{min-width:0px!important}.sm\\:min-w-full{min-width:100%!important}.sm\\:min-w-screen{min-width:100vw!important}.sm\\:min-w-min{min-width:min-content!important}.sm\\:min-w-max{min-width:max-content!important}}@media screen and (min-width:768px){.md\\:min-w-0{min-width:0px!important}.md\\:min-w-full{min-width:100%!important}.md\\:min-w-screen{min-width:100vw!important}.md\\:min-w-min{min-width:min-content!important}.md\\:min-w-max{min-width:max-content!important}}@media screen and (min-width:992px){.lg\\:min-w-0{min-width:0px!important}.lg\\:min-w-full{min-width:100%!important}.lg\\:min-w-screen{min-width:100vw!important}.lg\\:min-w-min{min-width:min-content!important}.lg\\:min-w-max{min-width:max-content!important}}@media screen and (min-width:1200px){.xl\\:min-w-0{min-width:0px!important}.xl\\:min-w-full{min-width:100%!important}.xl\\:min-w-screen{min-width:100vw!important}.xl\\:min-w-min{min-width:min-content!important}.xl\\:min-w-max{min-width:max-content!important}}.max-w-0{max-width:0px!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.max-w-min{max-width:min-content!important}.max-w-max{max-width:max-content!important}.max-w-fit{max-width:fit-content!important}.max-w-1rem{max-width:1rem!important}.max-w-2rem{max-width:2rem!important}.max-w-3rem{max-width:3rem!important}.max-w-4rem{max-width:4rem!important}.max-w-5rem{max-width:5rem!important}.max-w-6rem{max-width:6rem!important}.max-w-7rem{max-width:7rem!important}.max-w-8rem{max-width:8rem!important}.max-w-9rem{max-width:9rem!important}.max-w-10rem{max-width:10rem!important}.max-w-11rem{max-width:11rem!important}.max-w-12rem{max-width:12rem!important}.max-w-13rem{max-width:13rem!important}.max-w-14rem{max-width:14rem!important}.max-w-15rem{max-width:15rem!important}.max-w-16rem{max-width:16rem!important}.max-w-17rem{max-width:17rem!important}.max-w-18rem{max-width:18rem!important}.max-w-19rem{max-width:19rem!important}.max-w-20rem{max-width:20rem!important}.max-w-21rem{max-width:21rem!important}.max-w-22rem{max-width:22rem!important}.max-w-23rem{max-width:23rem!important}.max-w-24rem{max-width:24rem!important}.max-w-25rem{max-width:25rem!important}.max-w-26rem{max-width:26rem!important}.max-w-27rem{max-width:27rem!important}.max-w-28rem{max-width:28rem!important}.max-w-29rem{max-width:29rem!important}.max-w-30rem{max-width:30rem!important}@media screen and (min-width:576px){.sm\\:max-w-0{max-width:0px!important}.sm\\:max-w-full{max-width:100%!important}.sm\\:max-w-screen{max-width:100vw!important}.sm\\:max-w-min{max-width:min-content!important}.sm\\:max-w-max{max-width:max-content!important}.sm\\:max-w-fit{max-width:fit-content!important}.sm\\:max-w-1rem{max-width:1rem!important}.sm\\:max-w-2rem{max-width:2rem!important}.sm\\:max-w-3rem{max-width:3rem!important}.sm\\:max-w-4rem{max-width:4rem!important}.sm\\:max-w-5rem{max-width:5rem!important}.sm\\:max-w-6rem{max-width:6rem!important}.sm\\:max-w-7rem{max-width:7rem!important}.sm\\:max-w-8rem{max-width:8rem!important}.sm\\:max-w-9rem{max-width:9rem!important}.sm\\:max-w-10rem{max-width:10rem!important}.sm\\:max-w-11rem{max-width:11rem!important}.sm\\:max-w-12rem{max-width:12rem!important}.sm\\:max-w-13rem{max-width:13rem!important}.sm\\:max-w-14rem{max-width:14rem!important}.sm\\:max-w-15rem{max-width:15rem!important}.sm\\:max-w-16rem{max-width:16rem!important}.sm\\:max-w-17rem{max-width:17rem!important}.sm\\:max-w-18rem{max-width:18rem!important}.sm\\:max-w-19rem{max-width:19rem!important}.sm\\:max-w-20rem{max-width:20rem!important}.sm\\:max-w-21rem{max-width:21rem!important}.sm\\:max-w-22rem{max-width:22rem!important}.sm\\:max-w-23rem{max-width:23rem!important}.sm\\:max-w-24rem{max-width:24rem!important}.sm\\:max-w-25rem{max-width:25rem!important}.sm\\:max-w-26rem{max-width:26rem!important}.sm\\:max-w-27rem{max-width:27rem!important}.sm\\:max-w-28rem{max-width:28rem!important}.sm\\:max-w-29rem{max-width:29rem!important}.sm\\:max-w-30rem{max-width:30rem!important}}@media screen and (min-width:768px){.md\\:max-w-0{max-width:0px!important}.md\\:max-w-full{max-width:100%!important}.md\\:max-w-screen{max-width:100vw!important}.md\\:max-w-min{max-width:min-content!important}.md\\:max-w-max{max-width:max-content!important}.md\\:max-w-fit{max-width:fit-content!important}.md\\:max-w-1rem{max-width:1rem!important}.md\\:max-w-2rem{max-width:2rem!important}.md\\:max-w-3rem{max-width:3rem!important}.md\\:max-w-4rem{max-width:4rem!important}.md\\:max-w-5rem{max-width:5rem!important}.md\\:max-w-6rem{max-width:6rem!important}.md\\:max-w-7rem{max-width:7rem!important}.md\\:max-w-8rem{max-width:8rem!important}.md\\:max-w-9rem{max-width:9rem!important}.md\\:max-w-10rem{max-width:10rem!important}.md\\:max-w-11rem{max-width:11rem!important}.md\\:max-w-12rem{max-width:12rem!important}.md\\:max-w-13rem{max-width:13rem!important}.md\\:max-w-14rem{max-width:14rem!important}.md\\:max-w-15rem{max-width:15rem!important}.md\\:max-w-16rem{max-width:16rem!important}.md\\:max-w-17rem{max-width:17rem!important}.md\\:max-w-18rem{max-width:18rem!important}.md\\:max-w-19rem{max-width:19rem!important}.md\\:max-w-20rem{max-width:20rem!important}.md\\:max-w-21rem{max-width:21rem!important}.md\\:max-w-22rem{max-width:22rem!important}.md\\:max-w-23rem{max-width:23rem!important}.md\\:max-w-24rem{max-width:24rem!important}.md\\:max-w-25rem{max-width:25rem!important}.md\\:max-w-26rem{max-width:26rem!important}.md\\:max-w-27rem{max-width:27rem!important}.md\\:max-w-28rem{max-width:28rem!important}.md\\:max-w-29rem{max-width:29rem!important}.md\\:max-w-30rem{max-width:30rem!important}}@media screen and (min-width:992px){.lg\\:max-w-0{max-width:0px!important}.lg\\:max-w-full{max-width:100%!important}.lg\\:max-w-screen{max-width:100vw!important}.lg\\:max-w-min{max-width:min-content!important}.lg\\:max-w-max{max-width:max-content!important}.lg\\:max-w-fit{max-width:fit-content!important}.lg\\:max-w-1rem{max-width:1rem!important}.lg\\:max-w-2rem{max-width:2rem!important}.lg\\:max-w-3rem{max-width:3rem!important}.lg\\:max-w-4rem{max-width:4rem!important}.lg\\:max-w-5rem{max-width:5rem!important}.lg\\:max-w-6rem{max-width:6rem!important}.lg\\:max-w-7rem{max-width:7rem!important}.lg\\:max-w-8rem{max-width:8rem!important}.lg\\:max-w-9rem{max-width:9rem!important}.lg\\:max-w-10rem{max-width:10rem!important}.lg\\:max-w-11rem{max-width:11rem!important}.lg\\:max-w-12rem{max-width:12rem!important}.lg\\:max-w-13rem{max-width:13rem!important}.lg\\:max-w-14rem{max-width:14rem!important}.lg\\:max-w-15rem{max-width:15rem!important}.lg\\:max-w-16rem{max-width:16rem!important}.lg\\:max-w-17rem{max-width:17rem!important}.lg\\:max-w-18rem{max-width:18rem!important}.lg\\:max-w-19rem{max-width:19rem!important}.lg\\:max-w-20rem{max-width:20rem!important}.lg\\:max-w-21rem{max-width:21rem!important}.lg\\:max-w-22rem{max-width:22rem!important}.lg\\:max-w-23rem{max-width:23rem!important}.lg\\:max-w-24rem{max-width:24rem!important}.lg\\:max-w-25rem{max-width:25rem!important}.lg\\:max-w-26rem{max-width:26rem!important}.lg\\:max-w-27rem{max-width:27rem!important}.lg\\:max-w-28rem{max-width:28rem!important}.lg\\:max-w-29rem{max-width:29rem!important}.lg\\:max-w-30rem{max-width:30rem!important}}@media screen and (min-width:1200px){.xl\\:max-w-0{max-width:0px!important}.xl\\:max-w-full{max-width:100%!important}.xl\\:max-w-screen{max-width:100vw!important}.xl\\:max-w-min{max-width:min-content!important}.xl\\:max-w-max{max-width:max-content!important}.xl\\:max-w-fit{max-width:fit-content!important}.xl\\:max-w-1rem{max-width:1rem!important}.xl\\:max-w-2rem{max-width:2rem!important}.xl\\:max-w-3rem{max-width:3rem!important}.xl\\:max-w-4rem{max-width:4rem!important}.xl\\:max-w-5rem{max-width:5rem!important}.xl\\:max-w-6rem{max-width:6rem!important}.xl\\:max-w-7rem{max-width:7rem!important}.xl\\:max-w-8rem{max-width:8rem!important}.xl\\:max-w-9rem{max-width:9rem!important}.xl\\:max-w-10rem{max-width:10rem!important}.xl\\:max-w-11rem{max-width:11rem!important}.xl\\:max-w-12rem{max-width:12rem!important}.xl\\:max-w-13rem{max-width:13rem!important}.xl\\:max-w-14rem{max-width:14rem!important}.xl\\:max-w-15rem{max-width:15rem!important}.xl\\:max-w-16rem{max-width:16rem!important}.xl\\:max-w-17rem{max-width:17rem!important}.xl\\:max-w-18rem{max-width:18rem!important}.xl\\:max-w-19rem{max-width:19rem!important}.xl\\:max-w-20rem{max-width:20rem!important}.xl\\:max-w-21rem{max-width:21rem!important}.xl\\:max-w-22rem{max-width:22rem!important}.xl\\:max-w-23rem{max-width:23rem!important}.xl\\:max-w-24rem{max-width:24rem!important}.xl\\:max-w-25rem{max-width:25rem!important}.xl\\:max-w-26rem{max-width:26rem!important}.xl\\:max-w-27rem{max-width:27rem!important}.xl\\:max-w-28rem{max-width:28rem!important}.xl\\:max-w-29rem{max-width:29rem!important}.xl\\:max-w-30rem{max-width:30rem!important}}.min-h-0{min-height:0px!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}@media screen and (min-width:576px){.sm\\:min-h-0{min-height:0px!important}.sm\\:min-h-full{min-height:100%!important}.sm\\:min-h-screen{min-height:100vh!important}}@media screen and (min-width:768px){.md\\:min-h-0{min-height:0px!important}.md\\:min-h-full{min-height:100%!important}.md\\:min-h-screen{min-height:100vh!important}}@media screen and (min-width:992px){.lg\\:min-h-0{min-height:0px!important}.lg\\:min-h-full{min-height:100%!important}.lg\\:min-h-screen{min-height:100vh!important}}@media screen and (min-width:1200px){.xl\\:min-h-0{min-height:0px!important}.xl\\:min-h-full{min-height:100%!important}.xl\\:min-h-screen{min-height:100vh!important}}.max-h-0{max-height:0px!important}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-h-min{max-height:min-content!important}.max-h-max{max-height:max-content!important}.max-h-fit{max-height:fit-content!important}.max-h-1rem{max-height:1rem!important}.max-h-2rem{max-height:2rem!important}.max-h-3rem{max-height:3rem!important}.max-h-4rem{max-height:4rem!important}.max-h-5rem{max-height:5rem!important}.max-h-6rem{max-height:6rem!important}.max-h-7rem{max-height:7rem!important}.max-h-8rem{max-height:8rem!important}.max-h-9rem{max-height:9rem!important}.max-h-10rem{max-height:10rem!important}.max-h-11rem{max-height:11rem!important}.max-h-12rem{max-height:12rem!important}.max-h-13rem{max-height:13rem!important}.max-h-14rem{max-height:14rem!important}.max-h-15rem{max-height:15rem!important}.max-h-16rem{max-height:16rem!important}.max-h-17rem{max-height:17rem!important}.max-h-18rem{max-height:18rem!important}.max-h-19rem{max-height:19rem!important}.max-h-20rem{max-height:20rem!important}.max-h-21rem{max-height:21rem!important}.max-h-22rem{max-height:22rem!important}.max-h-23rem{max-height:23rem!important}.max-h-24rem{max-height:24rem!important}.max-h-25rem{max-height:25rem!important}.max-h-26rem{max-height:26rem!important}.max-h-27rem{max-height:27rem!important}.max-h-28rem{max-height:28rem!important}.max-h-29rem{max-height:29rem!important}.max-h-30rem{max-height:30rem!important}@media screen and (min-width:576px){.sm\\:max-h-0{max-height:0px!important}.sm\\:max-h-full{max-height:100%!important}.sm\\:max-h-screen{max-height:100vh!important}.sm\\:max-h-min{max-height:min-content!important}.sm\\:max-h-max{max-height:max-content!important}.sm\\:max-h-fit{max-height:fit-content!important}.sm\\:max-h-1rem{max-height:1rem!important}.sm\\:max-h-2rem{max-height:2rem!important}.sm\\:max-h-3rem{max-height:3rem!important}.sm\\:max-h-4rem{max-height:4rem!important}.sm\\:max-h-5rem{max-height:5rem!important}.sm\\:max-h-6rem{max-height:6rem!important}.sm\\:max-h-7rem{max-height:7rem!important}.sm\\:max-h-8rem{max-height:8rem!important}.sm\\:max-h-9rem{max-height:9rem!important}.sm\\:max-h-10rem{max-height:10rem!important}.sm\\:max-h-11rem{max-height:11rem!important}.sm\\:max-h-12rem{max-height:12rem!important}.sm\\:max-h-13rem{max-height:13rem!important}.sm\\:max-h-14rem{max-height:14rem!important}.sm\\:max-h-15rem{max-height:15rem!important}.sm\\:max-h-16rem{max-height:16rem!important}.sm\\:max-h-17rem{max-height:17rem!important}.sm\\:max-h-18rem{max-height:18rem!important}.sm\\:max-h-19rem{max-height:19rem!important}.sm\\:max-h-20rem{max-height:20rem!important}.sm\\:max-h-21rem{max-height:21rem!important}.sm\\:max-h-22rem{max-height:22rem!important}.sm\\:max-h-23rem{max-height:23rem!important}.sm\\:max-h-24rem{max-height:24rem!important}.sm\\:max-h-25rem{max-height:25rem!important}.sm\\:max-h-26rem{max-height:26rem!important}.sm\\:max-h-27rem{max-height:27rem!important}.sm\\:max-h-28rem{max-height:28rem!important}.sm\\:max-h-29rem{max-height:29rem!important}.sm\\:max-h-30rem{max-height:30rem!important}}@media screen and (min-width:768px){.md\\:max-h-0{max-height:0px!important}.md\\:max-h-full{max-height:100%!important}.md\\:max-h-screen{max-height:100vh!important}.md\\:max-h-min{max-height:min-content!important}.md\\:max-h-max{max-height:max-content!important}.md\\:max-h-fit{max-height:fit-content!important}.md\\:max-h-1rem{max-height:1rem!important}.md\\:max-h-2rem{max-height:2rem!important}.md\\:max-h-3rem{max-height:3rem!important}.md\\:max-h-4rem{max-height:4rem!important}.md\\:max-h-5rem{max-height:5rem!important}.md\\:max-h-6rem{max-height:6rem!important}.md\\:max-h-7rem{max-height:7rem!important}.md\\:max-h-8rem{max-height:8rem!important}.md\\:max-h-9rem{max-height:9rem!important}.md\\:max-h-10rem{max-height:10rem!important}.md\\:max-h-11rem{max-height:11rem!important}.md\\:max-h-12rem{max-height:12rem!important}.md\\:max-h-13rem{max-height:13rem!important}.md\\:max-h-14rem{max-height:14rem!important}.md\\:max-h-15rem{max-height:15rem!important}.md\\:max-h-16rem{max-height:16rem!important}.md\\:max-h-17rem{max-height:17rem!important}.md\\:max-h-18rem{max-height:18rem!important}.md\\:max-h-19rem{max-height:19rem!important}.md\\:max-h-20rem{max-height:20rem!important}.md\\:max-h-21rem{max-height:21rem!important}.md\\:max-h-22rem{max-height:22rem!important}.md\\:max-h-23rem{max-height:23rem!important}.md\\:max-h-24rem{max-height:24rem!important}.md\\:max-h-25rem{max-height:25rem!important}.md\\:max-h-26rem{max-height:26rem!important}.md\\:max-h-27rem{max-height:27rem!important}.md\\:max-h-28rem{max-height:28rem!important}.md\\:max-h-29rem{max-height:29rem!important}.md\\:max-h-30rem{max-height:30rem!important}}@media screen and (min-width:992px){.lg\\:max-h-0{max-height:0px!important}.lg\\:max-h-full{max-height:100%!important}.lg\\:max-h-screen{max-height:100vh!important}.lg\\:max-h-min{max-height:min-content!important}.lg\\:max-h-max{max-height:max-content!important}.lg\\:max-h-fit{max-height:fit-content!important}.lg\\:max-h-1rem{max-height:1rem!important}.lg\\:max-h-2rem{max-height:2rem!important}.lg\\:max-h-3rem{max-height:3rem!important}.lg\\:max-h-4rem{max-height:4rem!important}.lg\\:max-h-5rem{max-height:5rem!important}.lg\\:max-h-6rem{max-height:6rem!important}.lg\\:max-h-7rem{max-height:7rem!important}.lg\\:max-h-8rem{max-height:8rem!important}.lg\\:max-h-9rem{max-height:9rem!important}.lg\\:max-h-10rem{max-height:10rem!important}.lg\\:max-h-11rem{max-height:11rem!important}.lg\\:max-h-12rem{max-height:12rem!important}.lg\\:max-h-13rem{max-height:13rem!important}.lg\\:max-h-14rem{max-height:14rem!important}.lg\\:max-h-15rem{max-height:15rem!important}.lg\\:max-h-16rem{max-height:16rem!important}.lg\\:max-h-17rem{max-height:17rem!important}.lg\\:max-h-18rem{max-height:18rem!important}.lg\\:max-h-19rem{max-height:19rem!important}.lg\\:max-h-20rem{max-height:20rem!important}.lg\\:max-h-21rem{max-height:21rem!important}.lg\\:max-h-22rem{max-height:22rem!important}.lg\\:max-h-23rem{max-height:23rem!important}.lg\\:max-h-24rem{max-height:24rem!important}.lg\\:max-h-25rem{max-height:25rem!important}.lg\\:max-h-26rem{max-height:26rem!important}.lg\\:max-h-27rem{max-height:27rem!important}.lg\\:max-h-28rem{max-height:28rem!important}.lg\\:max-h-29rem{max-height:29rem!important}.lg\\:max-h-30rem{max-height:30rem!important}}@media screen and (min-width:1200px){.xl\\:max-h-0{max-height:0px!important}.xl\\:max-h-full{max-height:100%!important}.xl\\:max-h-screen{max-height:100vh!important}.xl\\:max-h-min{max-height:min-content!important}.xl\\:max-h-max{max-height:max-content!important}.xl\\:max-h-fit{max-height:fit-content!important}.xl\\:max-h-1rem{max-height:1rem!important}.xl\\:max-h-2rem{max-height:2rem!important}.xl\\:max-h-3rem{max-height:3rem!important}.xl\\:max-h-4rem{max-height:4rem!important}.xl\\:max-h-5rem{max-height:5rem!important}.xl\\:max-h-6rem{max-height:6rem!important}.xl\\:max-h-7rem{max-height:7rem!important}.xl\\:max-h-8rem{max-height:8rem!important}.xl\\:max-h-9rem{max-height:9rem!important}.xl\\:max-h-10rem{max-height:10rem!important}.xl\\:max-h-11rem{max-height:11rem!important}.xl\\:max-h-12rem{max-height:12rem!important}.xl\\:max-h-13rem{max-height:13rem!important}.xl\\:max-h-14rem{max-height:14rem!important}.xl\\:max-h-15rem{max-height:15rem!important}.xl\\:max-h-16rem{max-height:16rem!important}.xl\\:max-h-17rem{max-height:17rem!important}.xl\\:max-h-18rem{max-height:18rem!important}.xl\\:max-h-19rem{max-height:19rem!important}.xl\\:max-h-20rem{max-height:20rem!important}.xl\\:max-h-21rem{max-height:21rem!important}.xl\\:max-h-22rem{max-height:22rem!important}.xl\\:max-h-23rem{max-height:23rem!important}.xl\\:max-h-24rem{max-height:24rem!important}.xl\\:max-h-25rem{max-height:25rem!important}.xl\\:max-h-26rem{max-height:26rem!important}.xl\\:max-h-27rem{max-height:27rem!important}.xl\\:max-h-28rem{max-height:28rem!important}.xl\\:max-h-29rem{max-height:29rem!important}.xl\\:max-h-30rem{max-height:30rem!important}}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}@media screen and (min-width:576px){.sm\\:static{position:static!important}.sm\\:fixed{position:fixed!important}.sm\\:absolute{position:absolute!important}.sm\\:relative{position:relative!important}.sm\\:sticky{position:sticky!important}}@media screen and (min-width:768px){.md\\:static{position:static!important}.md\\:fixed{position:fixed!important}.md\\:absolute{position:absolute!important}.md\\:relative{position:relative!important}.md\\:sticky{position:sticky!important}}@media screen and (min-width:992px){.lg\\:static{position:static!important}.lg\\:fixed{position:fixed!important}.lg\\:absolute{position:absolute!important}.lg\\:relative{position:relative!important}.lg\\:sticky{position:sticky!important}}@media screen and (min-width:1200px){.xl\\:static{position:static!important}.xl\\:fixed{position:fixed!important}.xl\\:absolute{position:absolute!important}.xl\\:relative{position:relative!important}.xl\\:sticky{position:sticky!important}}.top-auto{top:auto!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}@media screen and (min-width:576px){.sm\\:top-auto{top:auto!important}.sm\\:top-0{top:0!important}.sm\\:top-50{top:50%!important}.sm\\:top-100{top:100%!important}}@media screen and (min-width:768px){.md\\:top-auto{top:auto!important}.md\\:top-0{top:0!important}.md\\:top-50{top:50%!important}.md\\:top-100{top:100%!important}}@media screen and (min-width:992px){.lg\\:top-auto{top:auto!important}.lg\\:top-0{top:0!important}.lg\\:top-50{top:50%!important}.lg\\:top-100{top:100%!important}}@media screen and (min-width:1200px){.xl\\:top-auto{top:auto!important}.xl\\:top-0{top:0!important}.xl\\:top-50{top:50%!important}.xl\\:top-100{top:100%!important}}.left-auto{left:auto!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}@media screen and (min-width:576px){.sm\\:left-auto{left:auto!important}.sm\\:left-0{left:0!important}.sm\\:left-50{left:50%!important}.sm\\:left-100{left:100%!important}}@media screen and (min-width:768px){.md\\:left-auto{left:auto!important}.md\\:left-0{left:0!important}.md\\:left-50{left:50%!important}.md\\:left-100{left:100%!important}}@media screen and (min-width:992px){.lg\\:left-auto{left:auto!important}.lg\\:left-0{left:0!important}.lg\\:left-50{left:50%!important}.lg\\:left-100{left:100%!important}}@media screen and (min-width:1200px){.xl\\:left-auto{left:auto!important}.xl\\:left-0{left:0!important}.xl\\:left-50{left:50%!important}.xl\\:left-100{left:100%!important}}.right-auto{right:auto!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}@media screen and (min-width:576px){.sm\\:right-auto{right:auto!important}.sm\\:right-0{right:0!important}.sm\\:right-50{right:50%!important}.sm\\:right-100{right:100%!important}}@media screen and (min-width:768px){.md\\:right-auto{right:auto!important}.md\\:right-0{right:0!important}.md\\:right-50{right:50%!important}.md\\:right-100{right:100%!important}}@media screen and (min-width:992px){.lg\\:right-auto{right:auto!important}.lg\\:right-0{right:0!important}.lg\\:right-50{right:50%!important}.lg\\:right-100{right:100%!important}}@media screen and (min-width:1200px){.xl\\:right-auto{right:auto!important}.xl\\:right-0{right:0!important}.xl\\:right-50{right:50%!important}.xl\\:right-100{right:100%!important}}.bottom-auto{bottom:auto!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}@media screen and (min-width:576px){.sm\\:bottom-auto{bottom:auto!important}.sm\\:bottom-0{bottom:0!important}.sm\\:bottom-50{bottom:50%!important}.sm\\:bottom-100{bottom:100%!important}}@media screen and (min-width:768px){.md\\:bottom-auto{bottom:auto!important}.md\\:bottom-0{bottom:0!important}.md\\:bottom-50{bottom:50%!important}.md\\:bottom-100{bottom:100%!important}}@media screen and (min-width:992px){.lg\\:bottom-auto{bottom:auto!important}.lg\\:bottom-0{bottom:0!important}.lg\\:bottom-50{bottom:50%!important}.lg\\:bottom-100{bottom:100%!important}}@media screen and (min-width:1200px){.xl\\:bottom-auto{bottom:auto!important}.xl\\:bottom-0{bottom:0!important}.xl\\:bottom-50{bottom:50%!important}.xl\\:bottom-100{bottom:100%!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}@media screen and (min-width:576px){.sm\\:overflow-auto{overflow:auto!important}.sm\\:overflow-hidden{overflow:hidden!important}.sm\\:overflow-visible{overflow:visible!important}.sm\\:overflow-scroll{overflow:scroll!important}}@media screen and (min-width:768px){.md\\:overflow-auto{overflow:auto!important}.md\\:overflow-hidden{overflow:hidden!important}.md\\:overflow-visible{overflow:visible!important}.md\\:overflow-scroll{overflow:scroll!important}}@media screen and (min-width:992px){.lg\\:overflow-auto{overflow:auto!important}.lg\\:overflow-hidden{overflow:hidden!important}.lg\\:overflow-visible{overflow:visible!important}.lg\\:overflow-scroll{overflow:scroll!important}}@media screen and (min-width:1200px){.xl\\:overflow-auto{overflow:auto!important}.xl\\:overflow-hidden{overflow:hidden!important}.xl\\:overflow-visible{overflow:visible!important}.xl\\:overflow-scroll{overflow:scroll!important}}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}@media screen and (min-width:576px){.sm\\:overflow-x-auto{overflow-x:auto!important}.sm\\:overflow-x-hidden{overflow-x:hidden!important}.sm\\:overflow-x-visible{overflow-x:visible!important}.sm\\:overflow-x-scroll{overflow-x:scroll!important}}@media screen and (min-width:768px){.md\\:overflow-x-auto{overflow-x:auto!important}.md\\:overflow-x-hidden{overflow-x:hidden!important}.md\\:overflow-x-visible{overflow-x:visible!important}.md\\:overflow-x-scroll{overflow-x:scroll!important}}@media screen and (min-width:992px){.lg\\:overflow-x-auto{overflow-x:auto!important}.lg\\:overflow-x-hidden{overflow-x:hidden!important}.lg\\:overflow-x-visible{overflow-x:visible!important}.lg\\:overflow-x-scroll{overflow-x:scroll!important}}@media screen and (min-width:1200px){.xl\\:overflow-x-auto{overflow-x:auto!important}.xl\\:overflow-x-hidden{overflow-x:hidden!important}.xl\\:overflow-x-visible{overflow-x:visible!important}.xl\\:overflow-x-scroll{overflow-x:scroll!important}}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}@media screen and (min-width:576px){.sm\\:overflow-y-auto{overflow-y:auto!important}.sm\\:overflow-y-hidden{overflow-y:hidden!important}.sm\\:overflow-y-visible{overflow-y:visible!important}.sm\\:overflow-y-scroll{overflow-y:scroll!important}}@media screen and (min-width:768px){.md\\:overflow-y-auto{overflow-y:auto!important}.md\\:overflow-y-hidden{overflow-y:hidden!important}.md\\:overflow-y-visible{overflow-y:visible!important}.md\\:overflow-y-scroll{overflow-y:scroll!important}}@media screen and (min-width:992px){.lg\\:overflow-y-auto{overflow-y:auto!important}.lg\\:overflow-y-hidden{overflow-y:hidden!important}.lg\\:overflow-y-visible{overflow-y:visible!important}.lg\\:overflow-y-scroll{overflow-y:scroll!important}}@media screen and (min-width:1200px){.xl\\:overflow-y-auto{overflow-y:auto!important}.xl\\:overflow-y-hidden{overflow-y:hidden!important}.xl\\:overflow-y-visible{overflow-y:visible!important}.xl\\:overflow-y-scroll{overflow-y:scroll!important}}.z-auto{z-index:auto!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}.z-4{z-index:4!important}.z-5{z-index:5!important}@media screen and (min-width:576px){.sm\\:z-auto{z-index:auto!important}.sm\\:z-0{z-index:0!important}.sm\\:z-1{z-index:1!important}.sm\\:z-2{z-index:2!important}.sm\\:z-3{z-index:3!important}.sm\\:z-4{z-index:4!important}.sm\\:z-5{z-index:5!important}}@media screen and (min-width:768px){.md\\:z-auto{z-index:auto!important}.md\\:z-0{z-index:0!important}.md\\:z-1{z-index:1!important}.md\\:z-2{z-index:2!important}.md\\:z-3{z-index:3!important}.md\\:z-4{z-index:4!important}.md\\:z-5{z-index:5!important}}@media screen and (min-width:992px){.lg\\:z-auto{z-index:auto!important}.lg\\:z-0{z-index:0!important}.lg\\:z-1{z-index:1!important}.lg\\:z-2{z-index:2!important}.lg\\:z-3{z-index:3!important}.lg\\:z-4{z-index:4!important}.lg\\:z-5{z-index:5!important}}@media screen and (min-width:1200px){.xl\\:z-auto{z-index:auto!important}.xl\\:z-0{z-index:0!important}.xl\\:z-1{z-index:1!important}.xl\\:z-2{z-index:2!important}.xl\\:z-3{z-index:3!important}.xl\\:z-4{z-index:4!important}.xl\\:z-5{z-index:5!important}}.bg-repeat{background-repeat:repeat!important}.bg-no-repeat{background-repeat:no-repeat!important}.bg-repeat-x{background-repeat:repeat-x!important}.bg-repeat-y{background-repeat:repeat-y!important}.bg-repeat-round{background-repeat:round!important}.bg-repeat-space{background-repeat:space!important}@media screen and (min-width:576px){.sm\\:bg-repeat{background-repeat:repeat!important}.sm\\:bg-no-repeat{background-repeat:no-repeat!important}.sm\\:bg-repeat-x{background-repeat:repeat-x!important}.sm\\:bg-repeat-y{background-repeat:repeat-y!important}.sm\\:bg-repeat-round{background-repeat:round!important}.sm\\:bg-repeat-space{background-repeat:space!important}}@media screen and (min-width:768px){.md\\:bg-repeat{background-repeat:repeat!important}.md\\:bg-no-repeat{background-repeat:no-repeat!important}.md\\:bg-repeat-x{background-repeat:repeat-x!important}.md\\:bg-repeat-y{background-repeat:repeat-y!important}.md\\:bg-repeat-round{background-repeat:round!important}.md\\:bg-repeat-space{background-repeat:space!important}}@media screen and (min-width:992px){.lg\\:bg-repeat{background-repeat:repeat!important}.lg\\:bg-no-repeat{background-repeat:no-repeat!important}.lg\\:bg-repeat-x{background-repeat:repeat-x!important}.lg\\:bg-repeat-y{background-repeat:repeat-y!important}.lg\\:bg-repeat-round{background-repeat:round!important}.lg\\:bg-repeat-space{background-repeat:space!important}}@media screen and (min-width:1200px){.xl\\:bg-repeat{background-repeat:repeat!important}.xl\\:bg-no-repeat{background-repeat:no-repeat!important}.xl\\:bg-repeat-x{background-repeat:repeat-x!important}.xl\\:bg-repeat-y{background-repeat:repeat-y!important}.xl\\:bg-repeat-round{background-repeat:round!important}.xl\\:bg-repeat-space{background-repeat:space!important}}.bg-auto{background-size:auto!important}.bg-cover{background-size:cover!important}.bg-contain{background-size:contain!important}@media screen and (min-width:576px){.sm\\:bg-auto{background-size:auto!important}.sm\\:bg-cover{background-size:cover!important}.sm\\:bg-contain{background-size:contain!important}}@media screen and (min-width:768px){.md\\:bg-auto{background-size:auto!important}.md\\:bg-cover{background-size:cover!important}.md\\:bg-contain{background-size:contain!important}}@media screen and (min-width:992px){.lg\\:bg-auto{background-size:auto!important}.lg\\:bg-cover{background-size:cover!important}.lg\\:bg-contain{background-size:contain!important}}@media screen and (min-width:1200px){.xl\\:bg-auto{background-size:auto!important}.xl\\:bg-cover{background-size:cover!important}.xl\\:bg-contain{background-size:contain!important}}.bg-bottom{background-position:bottom!important}.bg-center{background-position:center!important}.bg-left{background-position:left!important}.bg-left-bottom{background-position:left bottom!important}.bg-left-top{background-position:left top!important}.bg-right{background-position:right!important}.bg-right-bottom{background-position:right bottom!important}.bg-right-top{background-position:right top!important}.bg-top{background-position:top!important}@media screen and (min-width:576px){.sm\\:bg-bottom{background-position:bottom!important}.sm\\:bg-center{background-position:center!important}.sm\\:bg-left{background-position:left!important}.sm\\:bg-left-bottom{background-position:left bottom!important}.sm\\:bg-left-top{background-position:left top!important}.sm\\:bg-right{background-position:right!important}.sm\\:bg-right-bottom{background-position:right bottom!important}.sm\\:bg-right-top{background-position:right top!important}.sm\\:bg-top{background-position:top!important}}@media screen and (min-width:768px){.md\\:bg-bottom{background-position:bottom!important}.md\\:bg-center{background-position:center!important}.md\\:bg-left{background-position:left!important}.md\\:bg-left-bottom{background-position:left bottom!important}.md\\:bg-left-top{background-position:left top!important}.md\\:bg-right{background-position:right!important}.md\\:bg-right-bottom{background-position:right bottom!important}.md\\:bg-right-top{background-position:right top!important}.md\\:bg-top{background-position:top!important}}@media screen and (min-width:992px){.lg\\:bg-bottom{background-position:bottom!important}.lg\\:bg-center{background-position:center!important}.lg\\:bg-left{background-position:left!important}.lg\\:bg-left-bottom{background-position:left bottom!important}.lg\\:bg-left-top{background-position:left top!important}.lg\\:bg-right{background-position:right!important}.lg\\:bg-right-bottom{background-position:right bottom!important}.lg\\:bg-right-top{background-position:right top!important}.lg\\:bg-top{background-position:top!important}}@media screen and (min-width:1200px){.xl\\:bg-bottom{background-position:bottom!important}.xl\\:bg-center{background-position:center!important}.xl\\:bg-left{background-position:left!important}.xl\\:bg-left-bottom{background-position:left bottom!important}.xl\\:bg-left-top{background-position:left top!important}.xl\\:bg-right{background-position:right!important}.xl\\:bg-right-bottom{background-position:right bottom!important}.xl\\:bg-right-top{background-position:right top!important}.xl\\:bg-top{background-position:top!important}}.list-none{list-style:none!important}.list-disc{list-style:disc!important}.list-decimal{list-style:decimal!important}.appearance-none{appearance:none!important}.outline-none{outline:none!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-move{cursor:move!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.opacity-0{opacity:0!important}.opacity-10{opacity:.1!important}.opacity-20{opacity:.2!important}.opacity-30{opacity:.3!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-70{opacity:.7!important}.opacity-80{opacity:.8!important}.opacity-90{opacity:.9!important}.opacity-100{opacity:1!important}.reset{all:unset}.transition-none{transition-property:none!important}.transition-all{transition-property:all!important}.transition-colors{transition-property:background-color,border-color,color!important}.transition-transform{transition-property:transform!important}.transition-duration-100{transition-duration:.1s!important}.transition-duration-150{transition-duration:.15s!important}.transition-duration-200{transition-duration:.2s!important}.transition-duration-300{transition-duration:.3s!important}.transition-duration-400{transition-duration:.4s!important}.transition-duration-500{transition-duration:.5s!important}.transition-duration-1000{transition-duration:1s!important}.transition-duration-2000{transition-duration:2s!important}.transition-duration-3000{transition-duration:3s!important}.transition-linear{transition-timing-function:linear!important}.transition-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.transition-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.transition-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-delay-100{transition-delay:.1s!important}.transition-delay-150{transition-delay:.15s!important}.transition-delay-200{transition-delay:.2s!important}.transition-delay-300{transition-delay:.3s!important}.transition-delay-400{transition-delay:.4s!important}.transition-delay-500{transition-delay:.5s!important}.transition-delay-1000{transition-delay:1s!important}.translate-x-0{transform:translate(0)!important}.translate-x-100{transform:translate(100%)!important}.-translate-x-100{transform:translate(-100%)!important}.translate-y-0{transform:translateY(0)!important}.translate-y-100{transform:translateY(100%)!important}.-translate-y-100{transform:translateY(-100%)!important}@media screen and (min-width:576px){.sm\\:translate-x-0{transform:translate(0)!important}.sm\\:translate-x-100{transform:translate(100%)!important}.sm\\:-translate-x-100{transform:translate(-100%)!important}.sm\\:translate-y-0{transform:translateY(0)!important}.sm\\:translate-y-100{transform:translateY(100%)!important}.sm\\:-translate-y-100{transform:translateY(-100%)!important}}@media screen and (min-width:768px){.md\\:translate-x-0{transform:translate(0)!important}.md\\:translate-x-100{transform:translate(100%)!important}.md\\:-translate-x-100{transform:translate(-100%)!important}.md\\:translate-y-0{transform:translateY(0)!important}.md\\:translate-y-100{transform:translateY(100%)!important}.md\\:-translate-y-100{transform:translateY(-100%)!important}}@media screen and (min-width:992px){.lg\\:translate-x-0{transform:translate(0)!important}.lg\\:translate-x-100{transform:translate(100%)!important}.lg\\:-translate-x-100{transform:translate(-100%)!important}.lg\\:translate-y-0{transform:translateY(0)!important}.lg\\:translate-y-100{transform:translateY(100%)!important}.lg\\:-translate-y-100{transform:translateY(-100%)!important}}@media screen and (min-width:1200px){.xl\\:translate-x-0{transform:translate(0)!important}.xl\\:translate-x-100{transform:translate(100%)!important}.xl\\:-translate-x-100{transform:translate(-100%)!important}.xl\\:translate-y-0{transform:translateY(0)!important}.xl\\:translate-y-100{transform:translateY(100%)!important}.xl\\:-translate-y-100{transform:translateY(-100%)!important}}.rotate-45{transform:rotate(45deg)!important}.-rotate-45{transform:rotate(-45deg)!important}.rotate-90{transform:rotate(90deg)!important}.-rotate-90{transform:rotate(-90deg)!important}.rotate-180{transform:rotate(180deg)!important}.-rotate-180{transform:rotate(-180deg)!important}@media screen and (min-width:576px){.sm\\:rotate-45{transform:rotate(45deg)!important}.sm\\:-rotate-45{transform:rotate(-45deg)!important}.sm\\:rotate-90{transform:rotate(90deg)!important}.sm\\:-rotate-90{transform:rotate(-90deg)!important}.sm\\:rotate-180{transform:rotate(180deg)!important}.sm\\:-rotate-180{transform:rotate(-180deg)!important}}@media screen and (min-width:768px){.md\\:rotate-45{transform:rotate(45deg)!important}.md\\:-rotate-45{transform:rotate(-45deg)!important}.md\\:rotate-90{transform:rotate(90deg)!important}.md\\:-rotate-90{transform:rotate(-90deg)!important}.md\\:rotate-180{transform:rotate(180deg)!important}.md\\:-rotate-180{transform:rotate(-180deg)!important}}@media screen and (min-width:992px){.lg\\:rotate-45{transform:rotate(45deg)!important}.lg\\:-rotate-45{transform:rotate(-45deg)!important}.lg\\:rotate-90{transform:rotate(90deg)!important}.lg\\:-rotate-90{transform:rotate(-90deg)!important}.lg\\:rotate-180{transform:rotate(180deg)!important}.lg\\:-rotate-180{transform:rotate(-180deg)!important}}@media screen and (min-width:1200px){.xl\\:rotate-45{transform:rotate(45deg)!important}.xl\\:-rotate-45{transform:rotate(-45deg)!important}.xl\\:rotate-90{transform:rotate(90deg)!important}.xl\\:-rotate-90{transform:rotate(-90deg)!important}.xl\\:rotate-180{transform:rotate(180deg)!important}.xl\\:-rotate-180{transform:rotate(-180deg)!important}}.origin-center{transform-origin:center!important}.origin-top{transform-origin:top!important}.origin-top-right{transform-origin:top right!important}.origin-right{transform-origin:right!important}.origin-bottom-right{transform-origin:bottom right!important}.origin-bottom{transform-origin:bottom!important}.origin-bottom-left{transform-origin:bottom left!important}.origin-left{transform-origin:left!important}.origin-top-left{transform-origin:top-left!important}@media screen and (min-width:576px){.sm\\:origin-center{transform-origin:center!important}.sm\\:origin-top{transform-origin:top!important}.sm\\:origin-top-right{transform-origin:top right!important}.sm\\:origin-right{transform-origin:right!important}.sm\\:origin-bottom-right{transform-origin:bottom right!important}.sm\\:origin-bottom{transform-origin:bottom!important}.sm\\:origin-bottom-left{transform-origin:bottom left!important}.sm\\:origin-left{transform-origin:left!important}.sm\\:origin-top-left{transform-origin:top-left!important}}@media screen and (min-width:768px){.md\\:origin-center{transform-origin:center!important}.md\\:origin-top{transform-origin:top!important}.md\\:origin-top-right{transform-origin:top right!important}.md\\:origin-right{transform-origin:right!important}.md\\:origin-bottom-right{transform-origin:bottom right!important}.md\\:origin-bottom{transform-origin:bottom!important}.md\\:origin-bottom-left{transform-origin:bottom left!important}.md\\:origin-left{transform-origin:left!important}.md\\:origin-top-left{transform-origin:top-left!important}}@media screen and (min-width:992px){.lg\\:origin-center{transform-origin:center!important}.lg\\:origin-top{transform-origin:top!important}.lg\\:origin-top-right{transform-origin:top right!important}.lg\\:origin-right{transform-origin:right!important}.lg\\:origin-bottom-right{transform-origin:bottom right!important}.lg\\:origin-bottom{transform-origin:bottom!important}.lg\\:origin-bottom-left{transform-origin:bottom left!important}.lg\\:origin-left{transform-origin:left!important}.lg\\:origin-top-left{transform-origin:top-left!important}}@media screen and (min-width:1200px){.xl\\:origin-center{transform-origin:center!important}.xl\\:origin-top{transform-origin:top!important}.xl\\:origin-top-right{transform-origin:top right!important}.xl\\:origin-right{transform-origin:right!important}.xl\\:origin-bottom-right{transform-origin:bottom right!important}.xl\\:origin-bottom{transform-origin:bottom!important}.xl\\:origin-bottom-left{transform-origin:bottom left!important}.xl\\:origin-left{transform-origin:left!important}.xl\\:origin-top-left{transform-origin:top-left!important}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(.8);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}to{max-height:auto}}@keyframes slideup{0%{max-height:1000px}to{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translate(-100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}@keyframes fadeoutleft{0%{opacity:1;transform:translate(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translate(100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}@keyframes fadeoutright{0%{opacity:1;transform:translate(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translate(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateY(0)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateY(0)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}to{width:100%}}@keyframes flip{0%{transform:perspective(2000px) rotateX(-100deg)}to{transform:perspective(2000px) rotateX(0)}}@keyframes flipleft{0%{transform:perspective(2000px) rotateY(-100deg);opacity:0}to{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes flipright{0%{transform:perspective(2000px) rotateY(100deg);opacity:0}to{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes flipup{0%{transform:perspective(2000px) rotateX(-100deg);opacity:0}to{transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes zoomin{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomindown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoominleft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoominright{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoominup{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0,1,0,1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1s linear}.flip{backface-visibility:visible;animation:flip .15s linear}.flipup{backface-visibility:visible;animation:flipup .15s linear}.flipleft{backface-visibility:visible;animation:flipleft .15s linear}.flipright{backface-visibility:visible;animation:flipright .15s linear}.zoomin{animation:zoomin .15s linear}.zoomindown{animation:zoomindown .15s linear}.zoominleft{animation:zoominleft .15s linear}.zoominright{animation:zoominright .15s linear}.zoominup{animation:zoominup .15s linear}.animation-duration-100{animation-duration:.1s!important}.animation-duration-150{animation-duration:.15s!important}.animation-duration-200{animation-duration:.2s!important}.animation-duration-300{animation-duration:.3s!important}.animation-duration-400{animation-duration:.4s!important}.animation-duration-500{animation-duration:.5s!important}.animation-duration-1000{animation-duration:1s!important}.animation-duration-2000{animation-duration:2s!important}.animation-duration-3000{animation-duration:3s!important}.animation-delay-100{animation-delay:.1s!important}.animation-delay-150{animation-delay:.15s!important}.animation-delay-200{animation-delay:.2s!important}.animation-delay-300{animation-delay:.3s!important}.animation-delay-400{animation-delay:.4s!important}.animation-delay-500{animation-delay:.5s!important}.animation-delay-1000{animation-delay:1s!important}.animation-iteration-1{animation-iteration-count:1!important}.animation-iteration-2{animation-iteration-count:2!important}.animation-iteration-infinite{animation-iteration-count:infinite!important}.animation-linear{animation-timing-function:linear!important}.animation-ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)!important}.animation-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)!important}.animation-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.animation-fill-none{animation-fill-mode:none!important}.animation-fill-forwards{animation-fill-mode:forwards!important}.animation-fill-backwards{animation-fill-mode:backwards!important}.animation-fill-both{animation-fill-mode:both!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card{background-color:#fff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}:host ::ng-deep .w-filter-panel-no-style-card.p-card .p-card-body{padding:0!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card .p-card-body .p-card-content{padding:0!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button{padding:0!important;height:auto!important;overflow:visible!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button .p-button-icon{font-size:9px!important;transform:translatey(1px) translate(2px)!important;color:#5f6468}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button>.p-button-label{color:#5f6468}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button:hover>.p-button-label{color:#1f2224}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button:hover .p-button-icon{color:#1f2224}:host ::ng-deep .w-filter-panel-buttons{display:flex;padding:0!important;margin-top:12px}:host ::ng-deep .w-filter-panel-buttons:has(button){flex-grow:10!important;flex-shrink:10!important;max-width:none!important;flex-basis:100%!important;gap:12px!important}:host ::ng-deep .w-filter-panel-buttons button{gap:8px;height:24px!important;padding-left:12px!important;padding-right:12px!important}:host ::ng-deep .w-filter-panel-buttons button>.p-button-label{font-size:11px!important;font-weight:700!important}:host ::ng-deep .w-filter-panel-buttons button.cancel-filter-button .p-button-icon.p-button-icon-left{font-size:12px}:host ::ng-deep .w-filter-panel-buttons button.set-filter-button .p-button-icon.p-button-icon-left{font-size:9px}.w-filter-panel-container-basic,.w-filter-panel-container-advanced{padding:20px 24px!important;display:grid;gap:12px}::ng-deep .query-builder-style ul li:not(.p-select-option,.p-multiselect-option){border:none!important;background:transparent!important;padding-left:0!important}::ng-deep .w-filter-panel-basic .q-tree-container{margin:0;overflow:visible!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree{margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px 24px}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row{padding:0;margin:0;width:0}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:not(:nth-child(3n)){display:flex!important;flex-direction:column;flex-basis:calc(16.6666666667% - 20px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:nth-child(3n){display:flex!important;flex-direction:column;flex-basis:calc(16.6666666667% - 20px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:has(.w-filter-panel-notifications-event-field){display:flex!important;flex-direction:column;flex-basis:calc(33.3333333333% - 16px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:has(.w-filter-panel-period-select-field){display:flex!important;flex-direction:column;flex-basis:calc(50% - 12px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row.q-connector:before{content:none!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row.q-connector:after{border-width:0px!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-input-text-label{font-size:11px;font-weight:600;color:#1f2224;margin-bottom:6px;width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width{flex-basis:calc(16.6666666667% - 20px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.notifications-event-field-width{flex-basis:calc(50% - 12px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.period-select-field-width{flex-basis:calc(33.3333333333% - 16px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-tree-field-width{width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field{width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small .p-treeselect{margin-top:0!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch{width:100%;background-color:#fff;height:24px!important;font-size:10.5px!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch>span{padding-top:4px!important;padding-left:8px!important;width:50px!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch .pi{line-height:14px}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch .p-dropdown-trigger{margin-right:4px!important;padding-bottom:2px}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .p-multiselect{width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{height:24px}::ng-deep .w-filter-panel-advanced div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-button-group{width:auto!important;overflow:visible!important;margin:8px}::ng-deep .w-filter-panel-advanced div .q-button-group button,::ng-deep .w-filter-panel-grouped div .q-button-group button{height:24px!important}::ng-deep .w-filter-panel-advanced div .q-button-group.q-right-align,::ng-deep .w-filter-panel-grouped div .q-button-group.q-right-align{margin-right:0}::ng-deep .w-filter-panel-advanced div .w-filter-panel-switch-group-padding w-select-button .w-button-small .p-selectbutton .p-button,::ng-deep .w-filter-panel-grouped div .w-filter-panel-switch-group-padding w-select-button .w-button-small .p-selectbutton .p-button{height:24px}::ng-deep .w-filter-panel-advanced div .q-inline-block-display,::ng-deep .w-filter-panel-advanced div .q-tree-container .q-tree .q-rule .q-button-group,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule div .q-button-group,::ng-deep .w-filter-panel-advanced div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-inline-block-display,::ng-deep .w-filter-panel-grouped div .q-tree-container .q-tree .q-rule .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-button-group{margin:8px}::ng-deep .w-filter-panel-advanced .q-tree-container,::ng-deep .w-filter-panel-grouped .q-tree-container{margin:0;padding:0;overflow:visible!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-ruleset,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-ruleset{border:none!important;padding:6px 0!important;margin:12px 0!important;border-radius:8px;background-color:#005c7a08!important;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule{background:none!important;border:none!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group{overflow:visible!important;margin:8px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group .p-button span:not(*:hover),::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group .p-button span:not(*:hover){color:#1f2224}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group .p-button,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group .p-button{box-shadow:0 0 1px 0 rgba #000,.1 inset,1px 1px 5px rgba #000,.06,1px 1px 1px rgba #000,.08;height:24px;width:24px;border:1px solid #e8ebee!important;border:none!important;padding:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group .p-button span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group .p-button span{margin-left:8px!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group.q-right-align,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group.q-right-align{margin-right:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row{padding:0;margin-top:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .q-inline-block-display,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row div .q-button-group,::ng-deep .w-filter-panel-advanced div .q-tree-container .q-tree .q-row .q-button-group,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .q-rule .q-button-group,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-row .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .q-inline-block-display,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-tree-container .q-tree .q-row .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .q-rule .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-row .q-button-group{vertical-align:middle!important;margin:8px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width{display:inline-flex;vertical-align:middle!important;width:200px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-no-entity-mode,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-no-entity-mode{width:0px;padding:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-entity-nullable,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-entity-nullable{padding:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators{width:100px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators.w-field-nullable,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators.w-field-nullable{width:0px;padding:0;margin:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field{width:100%}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small .p-treeselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small .p-treeselect{margin-top:0!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch{width:100%;background-color:#fff;height:24px!important;font-size:10.5px!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch>span{padding-top:4px!important;padding-left:8px!important;width:50px!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .pi{line-height:14px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .p-dropdown-trigger{margin-right:4px!important;padding-bottom:2px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-text,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-number,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-multiselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-field,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-select,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-field,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .p-dropdown,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-list-field,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-calendar,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-text,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-number,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-multiselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-select,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .p-dropdown,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-list-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-calendar{width:100%}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-datepicker-input,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-datepicker-input{height:24px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{height:22px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-button-group{overflow:visible!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-button-group button,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-button-group button{box-shadow:0 0 1px 0 rgba #000,.1 inset,1px 1px 5px rgba #000,.06,1px 1px 1px rgba #000,.08!important;background:#fff!important}.advanced-query-button-group{position:absolute;bottom:0;left:0;margin-bottom:-46px}.w-filter-panel-container{position:relative}::ng-deep .w-filter-panel-blockui.p-blockui{opacity:0!important}::ng-deep .w-filter-panel-basic-query-builder-input-width p-dropdown .p-dropdown{width:100%}::ng-deep .w-filter-panel-basic-query-builder-input-width input .p-inputtext{width:100%}::ng-deep .w-edit-input-number-small .p-inputtext{border:1px solid #e8ebee;border-radius:8px;padding:8px;width:100%}::ng-deep .w-edit-input-number-small .p-inputtext:focus{border-radius:8px}::ng-deep .w-edit-input-number-small .p-inputtext::-webkit-input-placeholder{color:#9aa0a7!important}::ng-deep .w-edit-input-number-small .p-inputtext::-moz-placeholder{color:#9aa0a7!important}::ng-deep .w-edit-input-number-small .p-inputtext:focus:-ms-input-placeholder{color:#9aa0a7!important}::ng-deep .w-edit-input-number-small .p-inputtext:focus:-moz-placeholder{color:#9aa0a7!important}.w-filter-panel-notifications-event-field,.w-filter-panel-period-select-field{display:flex;gap:20px 24px}.w-filter-panel-input-text-label.extra-label{position:absolute;left:50%;margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: i7$1.Ripple, selector: "[pRipple]" }, { kind: "component", type: i8$2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i10$2.BlockUI, selector: "p-blockUI, p-blockui, p-block-ui", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WEditInputTextComponent, selector: "w-edit-input-text", inputs: ["label", "showLabel", "placeholder", "successMessage", "required", "requiredErrorDescription", "disabled", "minlength", "minlengthErrorDescription", "maxlength", "maxlengthErrorDescription", "email", "emailErrorDescription", "pattern", "patternErrorDescription", "autofocus", "inputIcon", "size", "formControl", "removePaddingTop", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditInputNumberComponent, selector: "w-edit-input-number", inputs: ["label", "showLabel", "placeholder", "successMessage", "mode", "minFractionDigits", "maxFractionDigits", "required", "requiredErrorDescription", "disabled", "min", "minErrorDescription", "max", "maxErrorDescription", "prefix", "suffix", "autofocus", "size", "formControl", "removePaddingTop", "useGrouping", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "iconPos", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: WListFieldComponent, selector: "w-list-field", inputs: ["options", "operator", "placeholder", "onlyDropdown", "disabled", "required", "translationsOptions", "virtualScroll", "virtualScrollItemSize"] }, { kind: "component", type: WViewCardTitleTextComponent, selector: "w-view-card-title-text", inputs: ["cardTitle"] }, { kind: "component", type: WToggleButtonComponent, selector: "w-toggle-button", inputs: ["onLabel", "offLabel", "size", "onIcon", "offIcon", "tooltipPosition", "tooltip", "disabled", "formControl", "allowEmpty", "buttonClass"], outputs: ["onChange"] }, { kind: "component", type: WSelectButtonComponent, selector: "w-select-button", inputs: ["stateOptions", "size", "tooltipPosition", "tooltip", "disabled", "formControl", "stateClass", "allowEmpty", "variant"], outputs: ["onChange"] }, { kind: "component", type: WEditCalendarComponent, selector: "w-edit-calendar", inputs: ["minDate", "maxDate", "label", "showLabel", "showTime", "showSeconds", "timeOnly", "showIcon", "placeholder", "disabled", "size", "formControl", "displayInlineBlock", "required", "requiredErrorDescription", "someErrorDescription", "removePaddingTop", "firstDayOfWeek", "tooltip", "tooltipPosition", "dataType", "viewType", "monthMode", "readonlyInput", "keepInvalid", "autoMinDate", "dateFormat"], outputs: ["onChange"] }, { kind: "component", type: WAddressFieldComponent, selector: "w-address-field", inputs: ["operator", "selectPlaceholder", "segmentationApiUrl", "segmentationApiToken"] }, { kind: "component", type: WTreeFieldComponent, selector: "w-tree-field", inputs: ["field", "operator", "selectPlaceholder", "productApiUrl", "productApiToken"] }, { kind: "component", type: WNotificationsEventFieldComponent, selector: "w-notifications-event-field", inputs: ["operator", "placeholder", "notificationApiUrl", "notificationApiToken", "translationsOptions"] }, { kind: "component", type: WPeriodSelectFieldComponent, selector: "w-period-select-field", inputs: ["operator", "placeholder", "translationsObject", "periodSelectValue", "required"] }, { kind: "component", type: QueryBuilderComponent, selector: "query-builder", inputs: ["disabled", "data", "allowRuleset", "allowCollapse", "emptyMessage", "classNames", "operatorMap", "parentValue", "config", "parentArrowIconTemplate", "parentInputTemplates", "parentOperatorTemplate", "parentFieldTemplate", "parentEntityTemplate", "parentSwitchGroupTemplate", "parentButtonGroupTemplate", "parentRemoveButtonTemplate", "parentEmptyWarningTemplate", "parentChangeCallback", "parentTouchedCallback", "persistValueOnFieldChange", "value"] }, { kind: "directive", type: QueryInputDirective, selector: "[queryInput]", inputs: ["queryInputType"] }, { kind: "directive", type: QueryOperatorDirective, selector: "[queryOperator]" }, { kind: "directive", type: QueryFieldDirective, selector: "[queryField]" }, { kind: "directive", type: QueryEntityDirective, selector: "[queryEntity]" }, { kind: "directive", type: QueryButtonGroupDirective, selector: "[queryButtonGroup]" }, { kind: "directive", type: QuerySwitchGroupDirective, selector: "[querySwitchGroup]" }, { kind: "directive", type: QueryRemoveButtonDirective, selector: "[queryRemoveButton]" }, { kind: "directive", type: QueryArrowIconDirective, selector: "[queryArrowIcon]" }] }); }
|
|
6384
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WFilterPanelComponent, isStandalone: false, selector: "w-filter-panel", inputs: { authorizationApiUrl: ["apiUrl", "authorizationApiUrl"], commonDataApiUrl: "commonDataApiUrl", notificationApiUrl: "notificationApiUrl", segmentationApiUrl: "segmentationApiUrl", productApiUrl: "productApiUrl", token: "token", commonDataToken: "commonDataToken", segmentationToken: "segmentationToken", filterId: "filterId", dataIsLoadingSearchButton: "dataIsLoadingSearchButton", tenantId: "tenantId", applicationId: "applicationId", fieldsToKeepLocalDate: "fieldsToKeepLocalDate", fieldsForNotificationEvent: "fieldsForNotificationEvent", notificationEventEntity: "notificationEventEntity", translationsObject: "translationsObject", translationsEspecificFieldOptions: "translationsEspecificFieldOptions" }, outputs: { searchClicked: "searchClicked", clearClicked: "clearClicked", lastQuery: "lastQuery", hasDefaultValues: "hasDefaultValues" }, viewQueries: [{ propertyName: "queryBuilder", first: true, predicate: ["advancedQueryBuilder"], descendants: true }, { propertyName: "basicQueryBuilderObject", first: true, predicate: ["basicQueryBuilderObject"], descendants: true }, { propertyName: "periodSelectComponent", first: true, predicate: ["periodSelect"], descendants: true }], ngImport: i0, template: "<!-- TODO: Intentar otra vez pasar los componentes a los de w- porque no se alinena y el w-edit-select no va bien en field.\r\nAhora se conservan los de p-w con estilos. -->\r\n<p-blockUI class=\"w-filter-panel-blockui\" [autoZIndex]=\"false\" [target]=\"filterPanel\" [blocked]=\"dataIsLoadingSearchButton\"></p-blockUI>\r\n\r\n<p-card class=\"w-filter-panel-no-style-card\" #filterPanel>\r\n @if (queryConfigReady) {\r\n <div class=\"w-filter-panel-styles\">\r\n @if (!filterPanelObject.allowAdvancedSearch) {\r\n <div>\r\n <div [ngClass]=\"{ 'w-filter-panel-container-advanced' : isAdvancedSearch, 'w-filter-panel-container-basic' : !isAdvancedSearch }\">\r\n <ng-container *ngTemplateOutlet=\"basic\"></ng-container>\r\n <div class=\"w-filter-panel-buttons\">\r\n <w-button icon=\"w-icon closeCircle\" buttonClass=\"cancel-filter-button\" [label]=\"translationsObject.clearButtonLabel\" type=\"tertiary\" size=\"small\" (onClick)=\"onClearClicked()\"></w-button>\r\n <w-button icon=\"pi pi-filter-fill\" buttonClass=\"set-filter-button\" [label]=\"translationsObject.searchButtonLabel\" size=\"small\" (onClick)=\"onSearchClicked()\" [disabled]=\"disableFilterButton()\"></w-button>\r\n </div>\r\n </div>\r\n </div>\r\n } @else {\r\n <div [ngClass]=\"{ 'w-filter-panel-container-advanced' : isAdvancedSearch, 'w-filter-panel-container-basic' : !isAdvancedSearch }\">\r\n @if (!isAdvancedSearch) {\r\n <ng-container *ngTemplateOutlet=\"basic\"></ng-container>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"advanced\"></ng-container>\r\n }\r\n <div class=\"w-filter-panel-buttons\" [class.pt-3]=\"isAdvancedSearch\">\r\n <w-button buttonClass=\"cancel-filter-button\" [label]=\"translationsObject.clearButtonLabel\" icon=\"w-icon closeCircle\" type=\"tertiary\" size=\"small\" (onClick)=\"onClearClicked()\"></w-button>\r\n <w-button buttonClass=\"set-filter-button\" [label]=\"translationsObject.searchButtonLabel\" icon=\"pi pi-filter-fill\" size=\"small\" (onClick)=\"onSearchClicked()\" [disabled]=\"disableFilterButton()\" [loading]=\"dataIsLoadingSearchButton\"></w-button>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n</p-card>\r\n\r\n<ng-template #basic>\r\n @if (filterPanelObject.allowAdvancedSearch) {\r\n <div class=\"flex justify-content-end flex-wrap\">\r\n <w-button buttonClass=\"change-filter-button\" icon=\"pi pi-sync\" [label]=\"translationsObject.advancedSearchTabLabel\" type=\"text\" (onClick)=\"updateSearchType()\"></w-button>\r\n </div>\r\n }\r\n @if (basicQuery.rules.length > 0) {\r\n <div class=\"w-filter-panel-basic query-builder-style fadein animation-duration-500\">\r\n <query-builder #basicQueryBuilderObject [formControl]='queryCtrl' [config]='basicQueryConfig' [allowRuleset]='filterPanelObject.allowRuleSet' [allowRuleset]=\"filterPanelObject.allowRuleSet\" [persistValueOnFieldChange]='persistValueOnFieldChange'>\r\n <ng-container *queryButtonGroup=\"let ruleset;\">\r\n </ng-container>\r\n <ng-container *queryRemoveButton=\"let rule; let removeRule=removeRule\">\r\n </ng-container>\r\n <ng-container *querySwitchGroup=\"let ruleset; let onChange=onChange\">\r\n </ng-container>\r\n <ng-container *queryEntity=\"let rule; let entities=entities; let onChange=onChange\">\r\n @if (false) {\r\n <p-autocomplete [disabled]=\"true\" class=\" w-edit-select-small\" appendTo=\"body\" [suggestions]=\"entities\" [(ngModel)]=\"rule.entity\" optionLabel=\"name\" optionValue=\"value\" (ngModelChange)=\"onChange($event, rule)\"></p-autocomplete>\r\n }\r\n </ng-container>\r\n <ng-container *queryField=\"let rule; let fields=fields; let onChange=onChange; let getFields = getFields; let value=value; let name=name; let index=index\">\r\n <span appendTo=\"body\" class=\"w-filter-panel-input-text-label\" [class.w-filter-panel-boolean-label-width]=\"fieldIsBoolean(rule.field, getFields(rule.entity))\" optionLabel=\"name\" optionValue=\"value\">{{ getQueryFieldName(rule.field, getFields(rule.entity))}}</span>\r\n </ng-container>\r\n <ng-container *queryOperator=\"let rule; let operators=operators; let onChange=onChange\">\r\n <span class=\"query-builder-operator-width\">\r\n @if (isAdvancedSearch) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"operators\" [(ngModel)]=\"rule.operator\" [placeholder]=\"'-'\" [showClear]=\"false\" (ngModelChange)=\"onChange(rule)\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Boolean.toString(); let onChange=onChange\">\r\n <span class=\"query-builder-operator-width\">\r\n <w-toggle-button size=\"small\" [(ngModel)]=\"rule.value\" onLabel=\"True\" offLabel=\"False\" (ngModelChange)=\"onChange()\"></w-toggle-button>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Datetime.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-calendar appendTo=\"body\" size=\"small\" [showIcon]=\"false\" [dataType]=\"isToKeepLocalDate(rule.field) ? 'date' : 'string'\" [(ngModel)]=\"rule.value\" (onChange)=\"onChange()\" [showTime]=\"true\" [showSeconds]=\"true\" [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\" [placeholder]=\"translationsObject.fieldsPlaceholders.datetime\" [showLabel]=\"false\"></w-edit-calendar>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Decimal.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-input-number class=\"field-gap w-edit-input-number-small w-edit-input-number-small-height\" [(ngModel)]=\"rule.value\" mode=\"decimal\" [min]=\"0\" [minFractionDigits]=\"2\" [maxFractionDigits]=\"5\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.decimal\" [showLabel]=\"false\"></w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [required]=\"false\" [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\" [translationsOptions]=\"field.translationsOptions\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Number.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-input-number [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.number\" [min]=\"0\" [useGrouping]=\"false\" [showLabel]=\"false\"> </w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Text.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-basic-query-builder-input-width\">\r\n <w-edit-input-text class=\"w-edit-input-text-small-height\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.text\" [showLabel]=\"false\"></w-edit-input-text>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Multiselect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo='body' [options]=\"getTranslatedSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.NullableSelect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [onlyDropdown]=\"true\" [required]=\"false\" [operator]=\"'='\" [options]=\"getNullableSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"nullableSelectPlaceholder(rule, options)\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.BooleanSelect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [required]=\"false\" [onlyDropdown]=\"true\" [operator]=\"'='\" [options]=\"getBooleanSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Address.toString(); let onChange=onChange\">\r\n <w-address-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [segmentationApiUrl]=\"segmentationApiUrl\" [segmentationApiToken]=\"segmentationToken\"></w-address-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TranslatedSelect.toString(); let onChange=onChange\">\r\n <w-list-field appendTo=\"body\" [options]=\"getTranslatedSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; let options=options; type: qbDataTypeEnum.NotificationEventList.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-input-text-label extra-label\">{{field.extraName}}</span>\r\n <w-notifications-event-field class=\"w-filter-panel-notifications-event-field\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [notificationApiUrl]=\"notificationApiUrl\" [notificationApiToken]=\"commonDataToken\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\" [translationsOptions]=\"field.translationsOptions\"></w-notifications-event-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.PeriodSelect.toString(); let onChange=onChange\">\r\n <w-period-select-field #periodSelect [ngClass]=\"{ 'w-filter-panel-period-select-field': rule.value.periodType === periodSelectEnum.Custom }\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [translationsObject]=\"translationsObject\" [periodSelectValue]=\"rule.value\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-period-select-field>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TreeList.toString(); let onChange=onChange\">\r\n <w-tree-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [field]=\"rule.field\" [operator]=\"rule.operator\" [productApiUrl]=\"productApiUrl\" [productApiToken]=\"commonDataToken\" [selectPlaceholder]=\"translationsObject.fieldsPlaceholders.list\"></w-tree-field>\r\n </ng-container>\r\n </query-builder>\r\n </div>\r\n }\r\n\r\n @if (!isAdvancedSearch && basicQuery.rules.length==0) {\r\n <ng-container *ngTemplateOutlet=\"noQueryData\"></ng-container>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #advanced>\r\n <div [class.query-builder-style]=\"!filterPanelObject.allowRuleSet\" class=\"w-filter-panel-container fadein animation-duration-500\">\r\n @if (filterPanelObject.allowRuleSet) {\r\n <div class=\"flex justify-content-end flex-wrap\">\r\n <w-button buttonClass=\"change-filter-button\" icon=\"pi pi-sync\" class=\"mb-2\" [label]=\"translationsObject.basicSearchTabLabel\" type=\"text\" (onClick)=\"updateSearchType()\"></w-button>\r\n </div>\r\n }\r\n <query-builder class=\"w-filter-panel-advanced query-builder-style\" #advancedQueryBuilder [formControl]='advancedQueryCtrl' [config]='advancedQueryConfig' [allowRuleset]='filterPanelObject.allowRuleSet' [allowCollapse]='filterPanelObject.allowColapse' [allowRuleset]=\"filterPanelObject.allowRuleSet\" [persistValueOnFieldChange]='persistValueOnFieldChange'>\r\n @if (filterPanelObject.allowRuleSet) {\r\n <div>\r\n <ng-container *queryButtonGroup=\"let ruleset; let addRule=addRule; let addRuleSet=addRuleSet; let removeRuleSet=removeRuleSet\">\r\n <span class=\"flex gap-3\">\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleButtonLabel\" type=\"secondary\" size=\"small\" (onClick)=\"addRule()\"></w-button>\r\n @if (addRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleSetButtonLabel\" type=\"secondary\" icon=\"pi pi-plus\" size=\"small\" (onClick)=\"addRuleSet()\"></w-button>\r\n }\r\n @if (removeRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.removeRuleSetButtonLabel\" type=\"tertiary\" icon=\"pi pi-minus\" size=\"small\" (onClick)=\"removeRuleSet()\"></w-button>\r\n }\r\n </span>\r\n </ng-container>\r\n </div>\r\n } @else {\r\n <ng-container *queryButtonGroup=\"let ruleset; let addRule=addRule; let addRuleSet=addRuleSet; let removeRuleSet=removeRuleSet\">\r\n <div class=\"flex justify-content-end flex-wrap\">\r\n <w-button [label]=\"translationsObject.basicSearchTabLabel\" type=\"text\" (onClick)=\"updateSearchType()\"></w-button>\r\n </div>\r\n <span class=\"advanced-query-button-group flex gap-3\">\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleButtonLabel\" type=\"secondary\" size=\"small\" (onClick)=\"addRule()\"></w-button>\r\n @if (addRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleSetButtonLabel\" type=\"secondary\" icon=\"pi pi-plus\" size=\"small\" (onClick)=\"addRuleSet()\"></w-button>\r\n }\r\n @if (removeRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.removeRuleSetButtonLabel\" type=\"tertiary\" icon=\"pi pi-minus\" size=\"small\" (onClick)=\"removeRuleSet()\"></w-button>\r\n }\r\n </span>\r\n </ng-container>\r\n }\r\n\r\n <ng-container *queryArrowIcon>\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-angle-right\" class=\"p-button-rounded p-button-text\"></button>\r\n </ng-container>\r\n\r\n <ng-container *queryRemoveButton=\"let rule; let removeRule=removeRule\">\r\n <w-button class=\"\" label=\"\" size=\"small\" type=\"tertiary\" icon=\"pi pi-times\" (onClick)=\"removeRule(rule)\"></w-button>\r\n </ng-container>\r\n\r\n <ng-container *querySwitchGroup=\"let ruleset; let onChange=onChange\">\r\n @if (ruleset) {\r\n <div class=\"w-filter-panel-switch-group-padding q-inline-block-display inline-flex\">\r\n @if (filterPanelObject.allowLogicalRule) {\r\n <w-select-button [stateOptions]=\"[{label: 'And', value: 'and'}, {label: 'Or', value: 'or'}]\"\r\n [(ngModel)]=\"ruleset.condition\"\r\n [size]=\"'small'\"\r\n (value)=\"ruleset.condition = $event\">\r\n </w-select-button>\r\n }\r\n </div>\r\n }\r\n </ng-container>\r\n\r\n <ng-container *queryEntity=\"let rule; let entities=entities; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width\" [ngClass]=\"{'w-no-entity-mode' : !filterPanelObject.enityMode}\">\r\n @if (filterPanelObject.enityMode) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"entities\" [(ngModel)]=\"rule.entity\" (ngModelChange)=\"onChange($event, rule)\" optionLabel=\"name\" optionValue=\"value\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryField=\"let rule; let fields=fields; let onChange=onChange; let getFields = getFields\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field class=\"field-gap\" [options]=\"getFields(rule.entity)\" [(ngModel)]=\"rule.field\" [operator]=\"'='\" (ngModelChange)=\"onChange($event, rule)\" [required]=\"true\" [onlyDropdown]=\"true\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryOperator=\"let rule; let operators=operators; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-operators q-inline-block-display\" [ngClass]=\"{'w-field-nullable' : operators.includes('nullable')}\">\r\n @if (!operators.includes('nullable')) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"operators\" [(ngModel)]=\"rule.operator\" [placeholder]=\"'-'\" [showClear]=\"false\" (ngModelChange)=\"onChange(rule)\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Boolean.toString(); let onChange=onChange\">\r\n <w-toggle-button class=\"field-gap toggle-button-align\" size=\"small\" [(ngModel)]=\"rule.value\" onLabel=\"True\" offLabel=\"False\" (ngModelChange)=\"onChange()\"></w-toggle-button>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Datetime.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-calendar class=\"field-gap\" appendTo=\"body\" size=\"small\" [dataType]=\"isToKeepLocalDate(rule.field) ? 'date' : 'string'\" [showIcon]=\"false\" [(ngModel)]=\"rule.value\" (onChange)=\"onChange()\" [showTime]=\"true\" [showSeconds]=\"true\" [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\" [placeholder]=\"translationsObject.fieldsPlaceholders.datetime\" [displayInlineBlock]=\"true\" [showLabel]=\"false\"></w-edit-calendar>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Decimal.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number class=\"field-gap w-edit-input-number-small w-edit-input-number-small-height\" [(ngModel)]=\"rule.value\" mode=\"decimal\" [minFractionDigits]=\"2\" [maxFractionDigits]=\"5\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.decimal\" [showLabel]=\"false\"></w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display field-gap\">\r\n <w-list-field [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Number.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.number\" [min]=\"0\" [useGrouping]=\"false\" [showLabel]=\"false\"> </w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Text.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-text [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.text\" [showLabel]=\"false\"></w-edit-input-text>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Multiselect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-multiselect [appendTo]=\"'self'\" [options]=\"options\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" optionLabel=\"name\" optionValue=\"value\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\" [showLabel]=\"false\" [required]=\"true\"></w-edit-multiselect>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.Address.toString(); let onChange=onChange\">\r\n <w-address-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [operator]=\"rule.operator\" [segmentationApiUrl]=\"segmentationApiUrl\" [segmentationApiToken]=\"segmentationToken\" [selectPlaceholder]=\"translationsObject.fieldsPlaceholders.list\"></w-address-field>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.NullableSelect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display w-entity-nullable\">\r\n <w-list-field [onlyDropdown]=\"true\" operator=\"=\" [options]=\"getNullableSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.BooleanSelect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [onlyDropdown]=\"true\" operator=\"=\" [options]=\"getBooleanSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TranslatedSelect.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [options]=\"getTranslatedSelectOptions(options)\" [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.TreeList.toString(); let onChange=onChange\">\r\n <w-tree-field [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [field]=\"rule.field\" [operator]=\"rule.operator\" [productApiUrl]=\"productApiUrl\" [productApiToken]=\"commonDataToken\" [selectPlaceholder]=\"translationsObject.fieldsPlaceholders.list\"></w-tree-field>\r\n </ng-container>\r\n </query-builder>\r\n\r\n @if (isAdvancedSearch && advancedQuery.rules.length==0) {\r\n <ng-container *ngTemplateOutlet=\"noQueryData\"></ng-container>\r\n }\r\n\r\n <!-- Grouped filter -->\r\n @if (filterPanelObject.allowGrouped) {\r\n <div>\r\n <div class=\"py-5\">\r\n <w-view-card-title-text [cardTitle]=\"translationsObject.groupedFilterTitle\"></w-view-card-title-text>\r\n </div>\r\n @if (groupedQuery.rules.length > 0) {\r\n <query-builder class=\"w-filter-panel-grouped query-builder-style\" [formControl]='groupedQueryCtrl' [config]='advancedQueryConfig' [allowRuleset]='filterPanelObject.allowRuleSet' [allowCollapse]='filterPanelObject.allowColapse' [allowRuleset]=\"filterPanelObject.allowRuleSet\" [persistValueOnFieldChange]='persistValueOnFieldChange'>\r\n <ng-container *queryButtonGroup=\"let ruleset; let addRule=addRule; let addRuleSet=addRuleSet; let removeRuleSet=removeRuleSet\">\r\n <div class=\"flex gap-3\">\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleButtonLabel\" type=\"secondary\" size=\"small\" (onClick)=\"addRule()\"></w-button>\r\n @if (addRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.addRuleSetButtonLabel\" type=\"secondary\" icon=\"pi pi-plus\" size=\"small\" (onClick)=\"addRuleSet()\"></w-button>\r\n }\r\n @if (removeRuleSet) {\r\n <w-button [label]=\"translationsObject.advancedSearch.removeRuleSetButtonLabel\" type=\"tertiary\" icon=\"pi pi-minus\" size=\"small\" (onClick)=\"removeRuleSet()\"></w-button>\r\n }\r\n </div>\r\n </ng-container>\r\n <ng-container *queryArrowIcon>\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-angle-right\" class=\"p-button-rounded p-button-text\"></button>\r\n </ng-container>\r\n <ng-container *queryRemoveButton=\"let rule; let removeRule=removeRule\">\r\n <w-button class=\"\" label=\"\" size=\"small\" type=\"tertiary\" icon=\"pi pi-times\" (onClick)=\"removeRule(rule)\"></w-button>\r\n </ng-container>\r\n <ng-container *querySwitchGroup=\"let ruleset; let onChange=onChange\">\r\n @if (ruleset) {\r\n <div class=\"w-filter-panel-switch-group-padding q-inline-block-display inline-flex\">\r\n @if (filterPanelObject.allowLogicalRule) {\r\n <w-select-button [stateOptions]=\"[{label: 'And', value: 'and'}, {label: 'Or', value: 'or'}]\"\r\n [(ngModel)]=\"ruleset.condition\"\r\n [size]=\"'small'\"\r\n (value)=\"ruleset.condition = $event\">\r\n </w-select-button>\r\n }\r\n </div>\r\n }\r\n </ng-container>\r\n <ng-container *queryEntity=\"let rule; let entities=entities; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width\" [ngClass]=\"{'w-no-entity-mode' : !filterPanelObject.enityMode}\">\r\n @if (filterPanelObject.enityMode) {\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"entities\" [(ngModel)]=\"rule.entity\" (ngModelChange)=\"onChange($event, rule)\" optionLabel=\"name\" optionValue=\"value\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n }\r\n </span>\r\n </ng-container>\r\n <ng-container *queryField=\"let rule; let fields=fields; let onChange=onChange; let getFields = getFields\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field class=\"field-gap\" [options]=\"getFields(rule.entity)\" [(ngModel)]=\"rule.field\" [operator]=\"'='\" (ngModelChange)=\"onChange($event, rule)\" [required]=\"true\" [onlyDropdown]=\"true\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryOperator=\"let rule; let operators=operators; let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-operators q-inline-block-display\" [ngClass]=\"{'w-field-nullable' : operators.includes('nullable')}\">\r\n <w-edit-select [appendTo]=\"'self'\" [options]=\"operators\" [(ngModel)]=\"rule.operator\" [placeholder]=\"'-'\" [showClear]=\"false\" (ngModelChange)=\"onChange(rule)\" [required]=\"true\" [showLabel]=\"false\"></w-edit-select>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Boolean.toString(); let onChange=onChange\">\r\n <w-toggle-button class=\"field-gap toggle-button-align\" size=\"small\" [(ngModel)]=\"rule.value\" onLabel=\"True\" offLabel=\"False\" (ngModelChange)=\"onChange()\"></w-toggle-button>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; type: qbDataTypeEnum.Datetime.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-calendar class=\"field-gap\" appendTo=\"body\" size=\"small\" [dataType]=\"isToKeepLocalDate(rule.field) ? 'date' : 'string'\" [showIcon]=\"false\" [(ngModel)]=\"rule.value\" (onChange)=\"onChange()\" [showTime]=\"true\" [showSeconds]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.datetime\" [displayInlineBlock]=\"true\"></w-edit-calendar>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Decimal.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number class=\"field-gap w-edit-input-number-small w-edit-input-number-small-height\" [(ngModel)]=\"rule.value\" mode=\"decimal\" [minFractionDigits]=\"2\" [maxFractionDigits]=\"5\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.decimal\" [showLabel]=\"false\"></w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let options=options; type: qbDataTypeEnum.List.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-list-field [options]=\"options\" [(ngModel)]=\"rule.value\" [operator]=\"rule.operator\" (ngModelChange)=\"onChange()\" [virtualScroll]=\"true\" [placeholder]=\"translationsObject.fieldsPlaceholders.list\"></w-list-field>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Number.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width q-inline-block-display\">\r\n <w-edit-input-number [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.number\" [min]=\"0\" [useGrouping]=\"false\" [showLabel]=\"false\"> </w-edit-input-number>\r\n </span>\r\n </ng-container>\r\n <ng-container *queryInput=\"let rule; let field=field; type: qbDataTypeEnum.Text.toString(); let onChange=onChange\">\r\n <span class=\"w-filter-panel-advanced-query-builder-input-width\">\r\n <w-edit-input-text [(ngModel)]=\"rule.value\" (ngModelChange)=\"onChange()\" [placeholder]=\"translationsObject.fieldsPlaceholders.text\" [showLabel]=\"false\"></w-edit-input-text>\r\n </span>\r\n </ng-container>\r\n </query-builder>\r\n }\r\n @if (isAdvancedSearch && groupedQuery.rules.length==0) {\r\n <ng-container *ngTemplateOutlet=\"noQueryData\"></ng-container>\r\n }\r\n </div>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #noQueryData>\r\n <div class=\"flex justify-content-center flex-wrap card-container surface-50\">\r\n <div class=\"flex align-items-center justify-content-center w-full h-4rem text-gray-900 border-round m-2\">\r\n {{translationsObject.noRulesLabel}}\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-error-message,.w-input-error-alert-text,.w-input-warning-alert-text,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput,::ng-deep .w-edit-input-number-small .p-inputtext:focus{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput,::ng-deep .w-edit-input-number-small .p-inputtext:hover{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled,::ng-deep .w-edit-input-number-small .p-inputtext:disabled{background-color:#f8f9fa!important;border-color:#e8ebee!important;opacity:.6!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:0 4px;margin-top:-2px}.w-input-error-alert-text{color:#e50000;padding:0 4px;margin-top:-2px}.w-input-alert-message-height{height:32px}.w-error-message{color:#e50000;padding:0 4px;margin-top:-2px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#fff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}.grid{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem;margin-top:-.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width:576px){.sm\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width:768px){.md\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\\:col-fixed{flex:0 0 auto;padding:.5rem}.md\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width:992px){.lg\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width:1200px){.xl\\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0!important}.col-offset-1{margin-left:8.3333%!important}.col-offset-2{margin-left:16.6667%!important}.col-offset-3{margin-left:25%!important}.col-offset-4{margin-left:33.3333%!important}.col-offset-5{margin-left:41.6667%!important}.col-offset-6{margin-left:50%!important}.col-offset-7{margin-left:58.3333%!important}.col-offset-8{margin-left:66.6667%!important}.col-offset-9{margin-left:75%!important}.col-offset-10{margin-left:83.3333%!important}.col-offset-11{margin-left:91.6667%!important}.col-offset-12{margin-left:100%!important}@media screen and (min-width:576px){.sm\\:col-offset-0{margin-left:0!important}.sm\\:col-offset-1{margin-left:8.3333%!important}.sm\\:col-offset-2{margin-left:16.6667%!important}.sm\\:col-offset-3{margin-left:25%!important}.sm\\:col-offset-4{margin-left:33.3333%!important}.sm\\:col-offset-5{margin-left:41.6667%!important}.sm\\:col-offset-6{margin-left:50%!important}.sm\\:col-offset-7{margin-left:58.3333%!important}.sm\\:col-offset-8{margin-left:66.6667%!important}.sm\\:col-offset-9{margin-left:75%!important}.sm\\:col-offset-10{margin-left:83.3333%!important}.sm\\:col-offset-11{margin-left:91.6667%!important}.sm\\:col-offset-12{margin-left:100%!important}}@media screen and (min-width:768px){.md\\:col-offset-0{margin-left:0!important}.md\\:col-offset-1{margin-left:8.3333%!important}.md\\:col-offset-2{margin-left:16.6667%!important}.md\\:col-offset-3{margin-left:25%!important}.md\\:col-offset-4{margin-left:33.3333%!important}.md\\:col-offset-5{margin-left:41.6667%!important}.md\\:col-offset-6{margin-left:50%!important}.md\\:col-offset-7{margin-left:58.3333%!important}.md\\:col-offset-8{margin-left:66.6667%!important}.md\\:col-offset-9{margin-left:75%!important}.md\\:col-offset-10{margin-left:83.3333%!important}.md\\:col-offset-11{margin-left:91.6667%!important}.md\\:col-offset-12{margin-left:100%!important}}@media screen and (min-width:992px){.lg\\:col-offset-0{margin-left:0!important}.lg\\:col-offset-1{margin-left:8.3333%!important}.lg\\:col-offset-2{margin-left:16.6667%!important}.lg\\:col-offset-3{margin-left:25%!important}.lg\\:col-offset-4{margin-left:33.3333%!important}.lg\\:col-offset-5{margin-left:41.6667%!important}.lg\\:col-offset-6{margin-left:50%!important}.lg\\:col-offset-7{margin-left:58.3333%!important}.lg\\:col-offset-8{margin-left:66.6667%!important}.lg\\:col-offset-9{margin-left:75%!important}.lg\\:col-offset-10{margin-left:83.3333%!important}.lg\\:col-offset-11{margin-left:91.6667%!important}.lg\\:col-offset-12{margin-left:100%!important}}@media screen and (min-width:1200px){.xl\\:col-offset-0{margin-left:0!important}.xl\\:col-offset-1{margin-left:8.3333%!important}.xl\\:col-offset-2{margin-left:16.6667%!important}.xl\\:col-offset-3{margin-left:25%!important}.xl\\:col-offset-4{margin-left:33.3333%!important}.xl\\:col-offset-5{margin-left:41.6667%!important}.xl\\:col-offset-6{margin-left:50%!important}.xl\\:col-offset-7{margin-left:58.3333%!important}.xl\\:col-offset-8{margin-left:66.6667%!important}.xl\\:col-offset-9{margin-left:75%!important}.xl\\:col-offset-10{margin-left:83.3333%!important}.xl\\:col-offset-11{margin-left:91.6667%!important}.xl\\:col-offset-12{margin-left:100%!important}}.text-0{color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.text-50{color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.text-100{color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.text-200{color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.text-300{color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.text-400{color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.text-500{color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.text-600{color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.text-700{color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.text-800{color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.text-900{color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.focus\\:text-0:focus{color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:text-0:hover,.active\\:text-0:active{color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:text-50:focus{color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.hover\\:text-50:hover,.active\\:text-50:active{color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.focus\\:text-100:focus{color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.hover\\:text-100:hover,.active\\:text-100:active{color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.focus\\:text-200:focus{color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.hover\\:text-200:hover,.active\\:text-200:active{color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.focus\\:text-300:focus{color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.hover\\:text-300:hover,.active\\:text-300:active{color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.focus\\:text-400:focus{color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.hover\\:text-400:hover,.active\\:text-400:active{color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.focus\\:text-500:focus{color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.hover\\:text-500:hover,.active\\:text-500:active{color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.focus\\:text-600:focus{color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.hover\\:text-600:hover,.active\\:text-600:active{color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.focus\\:text-700:focus{color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.hover\\:text-700:hover,.active\\:text-700:active{color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.focus\\:text-800:focus{color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.hover\\:text-800:hover,.active\\:text-800:active{color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.focus\\:text-900:focus{color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.hover\\:text-900:hover,.active\\:text-900:active{color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.surface-0{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.surface-50{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.surface-100{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.surface-200{background-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.surface-300{background-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.surface-400{background-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.surface-500{background-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.surface-600{background-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.surface-700{background-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.surface-800{background-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.surface-900{background-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.focus\\:surface-0:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:surface-0:hover,.active\\:surface-0:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:surface-50:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.hover\\:surface-50:hover,.active\\:surface-50:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.focus\\:surface-100:focus{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.hover\\:surface-100:hover,.active\\:surface-100:active{background-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.focus\\:surface-200:focus{background-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.hover\\:surface-200:hover,.active\\:surface-200:active{background-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.focus\\:surface-300:focus{background-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.hover\\:surface-300:hover,.active\\:surface-300:active{background-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.focus\\:surface-400:focus{background-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.hover\\:surface-400:hover,.active\\:surface-400:active{background-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.focus\\:surface-500:focus{background-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.hover\\:surface-500:hover,.active\\:surface-500:active{background-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.focus\\:surface-600:focus{background-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.hover\\:surface-600:hover,.active\\:surface-600:active{background-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.focus\\:surface-700:focus{background-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.hover\\:surface-700:hover,.active\\:surface-700:active{background-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.focus\\:surface-800:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.hover\\:surface-800:hover,.active\\:surface-800:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.focus\\:surface-900:focus{background-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.hover\\:surface-900:hover,.active\\:surface-900:active{background-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.border-0{border-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.border-50{border-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.border-100{border-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.border-200{border-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.border-300{border-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.border-400{border-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.border-500{border-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.border-600{border-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.border-700{border-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.border-800{border-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.border-900{border-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.focus\\:border-0:focus{border-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:border-0:hover,.active\\:border-0:active{border-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:border-50:focus{border-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.hover\\:border-50:hover,.active\\:border-50:active{border-color:light-dark(var(--p-surface-50),var(--p-surface-800))!important}.focus\\:border-100:focus{border-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.hover\\:border-100:hover,.active\\:border-100:active{border-color:light-dark(var(--p-surface-100),var(--p-surface-700))!important}.focus\\:border-200:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.hover\\:border-200:hover,.active\\:border-200:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-600))!important}.focus\\:border-300:focus{border-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.hover\\:border-300:hover,.active\\:border-300:active{border-color:light-dark(var(--p-surface-300),var(--p-surface-500))!important}.focus\\:border-400:focus{border-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.hover\\:border-400:hover,.active\\:border-400:active{border-color:light-dark(var(--p-surface-400),var(--p-surface-400))!important}.focus\\:border-500:focus{border-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.hover\\:border-500:hover,.active\\:border-500:active{border-color:light-dark(var(--p-surface-500),var(--p-surface-300))!important}.focus\\:border-600:focus{border-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.hover\\:border-600:hover,.active\\:border-600:active{border-color:light-dark(var(--p-surface-600),var(--p-surface-200))!important}.focus\\:border-700:focus{border-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.hover\\:border-700:hover,.active\\:border-700:active{border-color:light-dark(var(--p-surface-700),var(--p-surface-100))!important}.focus\\:border-800:focus{border-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.hover\\:border-800:hover,.active\\:border-800:active{border-color:light-dark(var(--p-surface-800),var(--p-surface-50))!important}.focus\\:border-900:focus{border-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.hover\\:border-900:hover,.active\\:border-900:active{border-color:light-dark(var(--p-surface-900),var(--p-surface-0))!important}.bg-transparent{background-color:transparent!important}@media screen and (min-width:576px){.sm\\:bg-transparent{background-color:transparent!important}}@media screen and (min-width:768px){.md\\:bg-transparent{background-color:transparent!important}}@media screen and (min-width:992px){.lg\\:bg-transparent{background-color:transparent!important}}@media screen and (min-width:1200px){.xl\\:bg-transparent{background-color:transparent!important}}.border-transparent{border-color:transparent!important}@media screen and (min-width:576px){.sm\\:border-transparent{border-color:transparent!important}}@media screen and (min-width:768px){.md\\:border-transparent{border-color:transparent!important}}@media screen and (min-width:992px){.lg\\:border-transparent{border-color:transparent!important}}@media screen and (min-width:1200px){.xl\\:border-transparent{border-color:transparent!important}}.text-blue-50{color:var(--p-blue-50)!important}.text-blue-100{color:var(--p-blue-100)!important}.text-blue-200{color:var(--p-blue-200)!important}.text-blue-300{color:var(--p-blue-300)!important}.text-blue-400{color:var(--p-blue-400)!important}.text-blue-500{color:var(--p-blue-500)!important}.text-blue-600{color:var(--p-blue-600)!important}.text-blue-700{color:var(--p-blue-700)!important}.text-blue-800{color:var(--p-blue-800)!important}.text-blue-900{color:var(--p-blue-900)!important}.focus\\:text-blue-50:focus{color:var(--p-blue-50)!important}.focus\\:text-blue-100:focus{color:var(--p-blue-100)!important}.focus\\:text-blue-200:focus{color:var(--p-blue-200)!important}.focus\\:text-blue-300:focus{color:var(--p-blue-300)!important}.focus\\:text-blue-400:focus{color:var(--p-blue-400)!important}.focus\\:text-blue-500:focus{color:var(--p-blue-500)!important}.focus\\:text-blue-600:focus{color:var(--p-blue-600)!important}.focus\\:text-blue-700:focus{color:var(--p-blue-700)!important}.focus\\:text-blue-800:focus{color:var(--p-blue-800)!important}.focus\\:text-blue-900:focus{color:var(--p-blue-900)!important}.hover\\:text-blue-50:hover{color:var(--p-blue-50)!important}.hover\\:text-blue-100:hover{color:var(--p-blue-100)!important}.hover\\:text-blue-200:hover{color:var(--p-blue-200)!important}.hover\\:text-blue-300:hover{color:var(--p-blue-300)!important}.hover\\:text-blue-400:hover{color:var(--p-blue-400)!important}.hover\\:text-blue-500:hover{color:var(--p-blue-500)!important}.hover\\:text-blue-600:hover{color:var(--p-blue-600)!important}.hover\\:text-blue-700:hover{color:var(--p-blue-700)!important}.hover\\:text-blue-800:hover{color:var(--p-blue-800)!important}.hover\\:text-blue-900:hover{color:var(--p-blue-900)!important}.active\\:text-blue-50:active{color:var(--p-blue-50)!important}.active\\:text-blue-100:active{color:var(--p-blue-100)!important}.active\\:text-blue-200:active{color:var(--p-blue-200)!important}.active\\:text-blue-300:active{color:var(--p-blue-300)!important}.active\\:text-blue-400:active{color:var(--p-blue-400)!important}.active\\:text-blue-500:active{color:var(--p-blue-500)!important}.active\\:text-blue-600:active{color:var(--p-blue-600)!important}.active\\:text-blue-700:active{color:var(--p-blue-700)!important}.active\\:text-blue-800:active{color:var(--p-blue-800)!important}.active\\:text-blue-900:active{color:var(--p-blue-900)!important}.text-green-50{color:var(--p-green-50)!important}.text-green-100{color:var(--p-green-100)!important}.text-green-200{color:var(--p-green-200)!important}.text-green-300{color:var(--p-green-300)!important}.text-green-400{color:var(--p-green-400)!important}.text-green-500{color:var(--p-green-500)!important}.text-green-600{color:var(--p-green-600)!important}.text-green-700{color:var(--p-green-700)!important}.text-green-800{color:var(--p-green-800)!important}.text-green-900{color:var(--p-green-900)!important}.focus\\:text-green-50:focus{color:var(--p-green-50)!important}.focus\\:text-green-100:focus{color:var(--p-green-100)!important}.focus\\:text-green-200:focus{color:var(--p-green-200)!important}.focus\\:text-green-300:focus{color:var(--p-green-300)!important}.focus\\:text-green-400:focus{color:var(--p-green-400)!important}.focus\\:text-green-500:focus{color:var(--p-green-500)!important}.focus\\:text-green-600:focus{color:var(--p-green-600)!important}.focus\\:text-green-700:focus{color:var(--p-green-700)!important}.focus\\:text-green-800:focus{color:var(--p-green-800)!important}.focus\\:text-green-900:focus{color:var(--p-green-900)!important}.hover\\:text-green-50:hover{color:var(--p-green-50)!important}.hover\\:text-green-100:hover{color:var(--p-green-100)!important}.hover\\:text-green-200:hover{color:var(--p-green-200)!important}.hover\\:text-green-300:hover{color:var(--p-green-300)!important}.hover\\:text-green-400:hover{color:var(--p-green-400)!important}.hover\\:text-green-500:hover{color:var(--p-green-500)!important}.hover\\:text-green-600:hover{color:var(--p-green-600)!important}.hover\\:text-green-700:hover{color:var(--p-green-700)!important}.hover\\:text-green-800:hover{color:var(--p-green-800)!important}.hover\\:text-green-900:hover{color:var(--p-green-900)!important}.active\\:text-green-50:active{color:var(--p-green-50)!important}.active\\:text-green-100:active{color:var(--p-green-100)!important}.active\\:text-green-200:active{color:var(--p-green-200)!important}.active\\:text-green-300:active{color:var(--p-green-300)!important}.active\\:text-green-400:active{color:var(--p-green-400)!important}.active\\:text-green-500:active{color:var(--p-green-500)!important}.active\\:text-green-600:active{color:var(--p-green-600)!important}.active\\:text-green-700:active{color:var(--p-green-700)!important}.active\\:text-green-800:active{color:var(--p-green-800)!important}.active\\:text-green-900:active{color:var(--p-green-900)!important}.text-yellow-50{color:var(--p-yellow-50)!important}.text-yellow-100{color:var(--p-yellow-100)!important}.text-yellow-200{color:var(--p-yellow-200)!important}.text-yellow-300{color:var(--p-yellow-300)!important}.text-yellow-400{color:var(--p-yellow-400)!important}.text-yellow-500{color:var(--p-yellow-500)!important}.text-yellow-600{color:var(--p-yellow-600)!important}.text-yellow-700{color:var(--p-yellow-700)!important}.text-yellow-800{color:var(--p-yellow-800)!important}.text-yellow-900{color:var(--p-yellow-900)!important}.focus\\:text-yellow-50:focus{color:var(--p-yellow-50)!important}.focus\\:text-yellow-100:focus{color:var(--p-yellow-100)!important}.focus\\:text-yellow-200:focus{color:var(--p-yellow-200)!important}.focus\\:text-yellow-300:focus{color:var(--p-yellow-300)!important}.focus\\:text-yellow-400:focus{color:var(--p-yellow-400)!important}.focus\\:text-yellow-500:focus{color:var(--p-yellow-500)!important}.focus\\:text-yellow-600:focus{color:var(--p-yellow-600)!important}.focus\\:text-yellow-700:focus{color:var(--p-yellow-700)!important}.focus\\:text-yellow-800:focus{color:var(--p-yellow-800)!important}.focus\\:text-yellow-900:focus{color:var(--p-yellow-900)!important}.hover\\:text-yellow-50:hover{color:var(--p-yellow-50)!important}.hover\\:text-yellow-100:hover{color:var(--p-yellow-100)!important}.hover\\:text-yellow-200:hover{color:var(--p-yellow-200)!important}.hover\\:text-yellow-300:hover{color:var(--p-yellow-300)!important}.hover\\:text-yellow-400:hover{color:var(--p-yellow-400)!important}.hover\\:text-yellow-500:hover{color:var(--p-yellow-500)!important}.hover\\:text-yellow-600:hover{color:var(--p-yellow-600)!important}.hover\\:text-yellow-700:hover{color:var(--p-yellow-700)!important}.hover\\:text-yellow-800:hover{color:var(--p-yellow-800)!important}.hover\\:text-yellow-900:hover{color:var(--p-yellow-900)!important}.active\\:text-yellow-50:active{color:var(--p-yellow-50)!important}.active\\:text-yellow-100:active{color:var(--p-yellow-100)!important}.active\\:text-yellow-200:active{color:var(--p-yellow-200)!important}.active\\:text-yellow-300:active{color:var(--p-yellow-300)!important}.active\\:text-yellow-400:active{color:var(--p-yellow-400)!important}.active\\:text-yellow-500:active{color:var(--p-yellow-500)!important}.active\\:text-yellow-600:active{color:var(--p-yellow-600)!important}.active\\:text-yellow-700:active{color:var(--p-yellow-700)!important}.active\\:text-yellow-800:active{color:var(--p-yellow-800)!important}.active\\:text-yellow-900:active{color:var(--p-yellow-900)!important}.text-cyan-50{color:var(--p-cyan-50)!important}.text-cyan-100{color:var(--p-cyan-100)!important}.text-cyan-200{color:var(--p-cyan-200)!important}.text-cyan-300{color:var(--p-cyan-300)!important}.text-cyan-400{color:var(--p-cyan-400)!important}.text-cyan-500{color:var(--p-cyan-500)!important}.text-cyan-600{color:var(--p-cyan-600)!important}.text-cyan-700{color:var(--p-cyan-700)!important}.text-cyan-800{color:var(--p-cyan-800)!important}.text-cyan-900{color:var(--p-cyan-900)!important}.focus\\:text-cyan-50:focus{color:var(--p-cyan-50)!important}.focus\\:text-cyan-100:focus{color:var(--p-cyan-100)!important}.focus\\:text-cyan-200:focus{color:var(--p-cyan-200)!important}.focus\\:text-cyan-300:focus{color:var(--p-cyan-300)!important}.focus\\:text-cyan-400:focus{color:var(--p-cyan-400)!important}.focus\\:text-cyan-500:focus{color:var(--p-cyan-500)!important}.focus\\:text-cyan-600:focus{color:var(--p-cyan-600)!important}.focus\\:text-cyan-700:focus{color:var(--p-cyan-700)!important}.focus\\:text-cyan-800:focus{color:var(--p-cyan-800)!important}.focus\\:text-cyan-900:focus{color:var(--p-cyan-900)!important}.hover\\:text-cyan-50:hover{color:var(--p-cyan-50)!important}.hover\\:text-cyan-100:hover{color:var(--p-cyan-100)!important}.hover\\:text-cyan-200:hover{color:var(--p-cyan-200)!important}.hover\\:text-cyan-300:hover{color:var(--p-cyan-300)!important}.hover\\:text-cyan-400:hover{color:var(--p-cyan-400)!important}.hover\\:text-cyan-500:hover{color:var(--p-cyan-500)!important}.hover\\:text-cyan-600:hover{color:var(--p-cyan-600)!important}.hover\\:text-cyan-700:hover{color:var(--p-cyan-700)!important}.hover\\:text-cyan-800:hover{color:var(--p-cyan-800)!important}.hover\\:text-cyan-900:hover{color:var(--p-cyan-900)!important}.active\\:text-cyan-50:active{color:var(--p-cyan-50)!important}.active\\:text-cyan-100:active{color:var(--p-cyan-100)!important}.active\\:text-cyan-200:active{color:var(--p-cyan-200)!important}.active\\:text-cyan-300:active{color:var(--p-cyan-300)!important}.active\\:text-cyan-400:active{color:var(--p-cyan-400)!important}.active\\:text-cyan-500:active{color:var(--p-cyan-500)!important}.active\\:text-cyan-600:active{color:var(--p-cyan-600)!important}.active\\:text-cyan-700:active{color:var(--p-cyan-700)!important}.active\\:text-cyan-800:active{color:var(--p-cyan-800)!important}.active\\:text-cyan-900:active{color:var(--p-cyan-900)!important}.text-pink-50{color:var(--p-pink-50)!important}.text-pink-100{color:var(--p-pink-100)!important}.text-pink-200{color:var(--p-pink-200)!important}.text-pink-300{color:var(--p-pink-300)!important}.text-pink-400{color:var(--p-pink-400)!important}.text-pink-500{color:var(--p-pink-500)!important}.text-pink-600{color:var(--p-pink-600)!important}.text-pink-700{color:var(--p-pink-700)!important}.text-pink-800{color:var(--p-pink-800)!important}.text-pink-900{color:var(--p-pink-900)!important}.focus\\:text-pink-50:focus{color:var(--p-pink-50)!important}.focus\\:text-pink-100:focus{color:var(--p-pink-100)!important}.focus\\:text-pink-200:focus{color:var(--p-pink-200)!important}.focus\\:text-pink-300:focus{color:var(--p-pink-300)!important}.focus\\:text-pink-400:focus{color:var(--p-pink-400)!important}.focus\\:text-pink-500:focus{color:var(--p-pink-500)!important}.focus\\:text-pink-600:focus{color:var(--p-pink-600)!important}.focus\\:text-pink-700:focus{color:var(--p-pink-700)!important}.focus\\:text-pink-800:focus{color:var(--p-pink-800)!important}.focus\\:text-pink-900:focus{color:var(--p-pink-900)!important}.hover\\:text-pink-50:hover{color:var(--p-pink-50)!important}.hover\\:text-pink-100:hover{color:var(--p-pink-100)!important}.hover\\:text-pink-200:hover{color:var(--p-pink-200)!important}.hover\\:text-pink-300:hover{color:var(--p-pink-300)!important}.hover\\:text-pink-400:hover{color:var(--p-pink-400)!important}.hover\\:text-pink-500:hover{color:var(--p-pink-500)!important}.hover\\:text-pink-600:hover{color:var(--p-pink-600)!important}.hover\\:text-pink-700:hover{color:var(--p-pink-700)!important}.hover\\:text-pink-800:hover{color:var(--p-pink-800)!important}.hover\\:text-pink-900:hover{color:var(--p-pink-900)!important}.active\\:text-pink-50:active{color:var(--p-pink-50)!important}.active\\:text-pink-100:active{color:var(--p-pink-100)!important}.active\\:text-pink-200:active{color:var(--p-pink-200)!important}.active\\:text-pink-300:active{color:var(--p-pink-300)!important}.active\\:text-pink-400:active{color:var(--p-pink-400)!important}.active\\:text-pink-500:active{color:var(--p-pink-500)!important}.active\\:text-pink-600:active{color:var(--p-pink-600)!important}.active\\:text-pink-700:active{color:var(--p-pink-700)!important}.active\\:text-pink-800:active{color:var(--p-pink-800)!important}.active\\:text-pink-900:active{color:var(--p-pink-900)!important}.text-indigo-50{color:var(--p-indigo-50)!important}.text-indigo-100{color:var(--p-indigo-100)!important}.text-indigo-200{color:var(--p-indigo-200)!important}.text-indigo-300{color:var(--p-indigo-300)!important}.text-indigo-400{color:var(--p-indigo-400)!important}.text-indigo-500{color:var(--p-indigo-500)!important}.text-indigo-600{color:var(--p-indigo-600)!important}.text-indigo-700{color:var(--p-indigo-700)!important}.text-indigo-800{color:var(--p-indigo-800)!important}.text-indigo-900{color:var(--p-indigo-900)!important}.focus\\:text-indigo-50:focus{color:var(--p-indigo-50)!important}.focus\\:text-indigo-100:focus{color:var(--p-indigo-100)!important}.focus\\:text-indigo-200:focus{color:var(--p-indigo-200)!important}.focus\\:text-indigo-300:focus{color:var(--p-indigo-300)!important}.focus\\:text-indigo-400:focus{color:var(--p-indigo-400)!important}.focus\\:text-indigo-500:focus{color:var(--p-indigo-500)!important}.focus\\:text-indigo-600:focus{color:var(--p-indigo-600)!important}.focus\\:text-indigo-700:focus{color:var(--p-indigo-700)!important}.focus\\:text-indigo-800:focus{color:var(--p-indigo-800)!important}.focus\\:text-indigo-900:focus{color:var(--p-indigo-900)!important}.hover\\:text-indigo-50:hover{color:var(--p-indigo-50)!important}.hover\\:text-indigo-100:hover{color:var(--p-indigo-100)!important}.hover\\:text-indigo-200:hover{color:var(--p-indigo-200)!important}.hover\\:text-indigo-300:hover{color:var(--p-indigo-300)!important}.hover\\:text-indigo-400:hover{color:var(--p-indigo-400)!important}.hover\\:text-indigo-500:hover{color:var(--p-indigo-500)!important}.hover\\:text-indigo-600:hover{color:var(--p-indigo-600)!important}.hover\\:text-indigo-700:hover{color:var(--p-indigo-700)!important}.hover\\:text-indigo-800:hover{color:var(--p-indigo-800)!important}.hover\\:text-indigo-900:hover{color:var(--p-indigo-900)!important}.active\\:text-indigo-50:active{color:var(--p-indigo-50)!important}.active\\:text-indigo-100:active{color:var(--p-indigo-100)!important}.active\\:text-indigo-200:active{color:var(--p-indigo-200)!important}.active\\:text-indigo-300:active{color:var(--p-indigo-300)!important}.active\\:text-indigo-400:active{color:var(--p-indigo-400)!important}.active\\:text-indigo-500:active{color:var(--p-indigo-500)!important}.active\\:text-indigo-600:active{color:var(--p-indigo-600)!important}.active\\:text-indigo-700:active{color:var(--p-indigo-700)!important}.active\\:text-indigo-800:active{color:var(--p-indigo-800)!important}.active\\:text-indigo-900:active{color:var(--p-indigo-900)!important}.text-teal-50{color:var(--p-teal-50)!important}.text-teal-100{color:var(--p-teal-100)!important}.text-teal-200{color:var(--p-teal-200)!important}.text-teal-300{color:var(--p-teal-300)!important}.text-teal-400{color:var(--p-teal-400)!important}.text-teal-500{color:var(--p-teal-500)!important}.text-teal-600{color:var(--p-teal-600)!important}.text-teal-700{color:var(--p-teal-700)!important}.text-teal-800{color:var(--p-teal-800)!important}.text-teal-900{color:var(--p-teal-900)!important}.focus\\:text-teal-50:focus{color:var(--p-teal-50)!important}.focus\\:text-teal-100:focus{color:var(--p-teal-100)!important}.focus\\:text-teal-200:focus{color:var(--p-teal-200)!important}.focus\\:text-teal-300:focus{color:var(--p-teal-300)!important}.focus\\:text-teal-400:focus{color:var(--p-teal-400)!important}.focus\\:text-teal-500:focus{color:var(--p-teal-500)!important}.focus\\:text-teal-600:focus{color:var(--p-teal-600)!important}.focus\\:text-teal-700:focus{color:var(--p-teal-700)!important}.focus\\:text-teal-800:focus{color:var(--p-teal-800)!important}.focus\\:text-teal-900:focus{color:var(--p-teal-900)!important}.hover\\:text-teal-50:hover{color:var(--p-teal-50)!important}.hover\\:text-teal-100:hover{color:var(--p-teal-100)!important}.hover\\:text-teal-200:hover{color:var(--p-teal-200)!important}.hover\\:text-teal-300:hover{color:var(--p-teal-300)!important}.hover\\:text-teal-400:hover{color:var(--p-teal-400)!important}.hover\\:text-teal-500:hover{color:var(--p-teal-500)!important}.hover\\:text-teal-600:hover{color:var(--p-teal-600)!important}.hover\\:text-teal-700:hover{color:var(--p-teal-700)!important}.hover\\:text-teal-800:hover{color:var(--p-teal-800)!important}.hover\\:text-teal-900:hover{color:var(--p-teal-900)!important}.active\\:text-teal-50:active{color:var(--p-teal-50)!important}.active\\:text-teal-100:active{color:var(--p-teal-100)!important}.active\\:text-teal-200:active{color:var(--p-teal-200)!important}.active\\:text-teal-300:active{color:var(--p-teal-300)!important}.active\\:text-teal-400:active{color:var(--p-teal-400)!important}.active\\:text-teal-500:active{color:var(--p-teal-500)!important}.active\\:text-teal-600:active{color:var(--p-teal-600)!important}.active\\:text-teal-700:active{color:var(--p-teal-700)!important}.active\\:text-teal-800:active{color:var(--p-teal-800)!important}.active\\:text-teal-900:active{color:var(--p-teal-900)!important}.text-orange-50{color:var(--p-orange-50)!important}.text-orange-100{color:var(--p-orange-100)!important}.text-orange-200{color:var(--p-orange-200)!important}.text-orange-300{color:var(--p-orange-300)!important}.text-orange-400{color:var(--p-orange-400)!important}.text-orange-500{color:var(--p-orange-500)!important}.text-orange-600{color:var(--p-orange-600)!important}.text-orange-700{color:var(--p-orange-700)!important}.text-orange-800{color:var(--p-orange-800)!important}.text-orange-900{color:var(--p-orange-900)!important}.focus\\:text-orange-50:focus{color:var(--p-orange-50)!important}.focus\\:text-orange-100:focus{color:var(--p-orange-100)!important}.focus\\:text-orange-200:focus{color:var(--p-orange-200)!important}.focus\\:text-orange-300:focus{color:var(--p-orange-300)!important}.focus\\:text-orange-400:focus{color:var(--p-orange-400)!important}.focus\\:text-orange-500:focus{color:var(--p-orange-500)!important}.focus\\:text-orange-600:focus{color:var(--p-orange-600)!important}.focus\\:text-orange-700:focus{color:var(--p-orange-700)!important}.focus\\:text-orange-800:focus{color:var(--p-orange-800)!important}.focus\\:text-orange-900:focus{color:var(--p-orange-900)!important}.hover\\:text-orange-50:hover{color:var(--p-orange-50)!important}.hover\\:text-orange-100:hover{color:var(--p-orange-100)!important}.hover\\:text-orange-200:hover{color:var(--p-orange-200)!important}.hover\\:text-orange-300:hover{color:var(--p-orange-300)!important}.hover\\:text-orange-400:hover{color:var(--p-orange-400)!important}.hover\\:text-orange-500:hover{color:var(--p-orange-500)!important}.hover\\:text-orange-600:hover{color:var(--p-orange-600)!important}.hover\\:text-orange-700:hover{color:var(--p-orange-700)!important}.hover\\:text-orange-800:hover{color:var(--p-orange-800)!important}.hover\\:text-orange-900:hover{color:var(--p-orange-900)!important}.active\\:text-orange-50:active{color:var(--p-orange-50)!important}.active\\:text-orange-100:active{color:var(--p-orange-100)!important}.active\\:text-orange-200:active{color:var(--p-orange-200)!important}.active\\:text-orange-300:active{color:var(--p-orange-300)!important}.active\\:text-orange-400:active{color:var(--p-orange-400)!important}.active\\:text-orange-500:active{color:var(--p-orange-500)!important}.active\\:text-orange-600:active{color:var(--p-orange-600)!important}.active\\:text-orange-700:active{color:var(--p-orange-700)!important}.active\\:text-orange-800:active{color:var(--p-orange-800)!important}.active\\:text-orange-900:active{color:var(--p-orange-900)!important}.text-bluegray-50{color:var(--p-bluegray-50)!important}.text-bluegray-100{color:var(--p-bluegray-100)!important}.text-bluegray-200{color:var(--p-bluegray-200)!important}.text-bluegray-300{color:var(--p-bluegray-300)!important}.text-bluegray-400{color:var(--p-bluegray-400)!important}.text-bluegray-500{color:var(--p-bluegray-500)!important}.text-bluegray-600{color:var(--p-bluegray-600)!important}.text-bluegray-700{color:var(--p-bluegray-700)!important}.text-bluegray-800{color:var(--p-bluegray-800)!important}.text-bluegray-900{color:var(--p-bluegray-900)!important}.focus\\:text-bluegray-50:focus{color:var(--p-bluegray-50)!important}.focus\\:text-bluegray-100:focus{color:var(--p-bluegray-100)!important}.focus\\:text-bluegray-200:focus{color:var(--p-bluegray-200)!important}.focus\\:text-bluegray-300:focus{color:var(--p-bluegray-300)!important}.focus\\:text-bluegray-400:focus{color:var(--p-bluegray-400)!important}.focus\\:text-bluegray-500:focus{color:var(--p-bluegray-500)!important}.focus\\:text-bluegray-600:focus{color:var(--p-bluegray-600)!important}.focus\\:text-bluegray-700:focus{color:var(--p-bluegray-700)!important}.focus\\:text-bluegray-800:focus{color:var(--p-bluegray-800)!important}.focus\\:text-bluegray-900:focus{color:var(--p-bluegray-900)!important}.hover\\:text-bluegray-50:hover{color:var(--p-bluegray-50)!important}.hover\\:text-bluegray-100:hover{color:var(--p-bluegray-100)!important}.hover\\:text-bluegray-200:hover{color:var(--p-bluegray-200)!important}.hover\\:text-bluegray-300:hover{color:var(--p-bluegray-300)!important}.hover\\:text-bluegray-400:hover{color:var(--p-bluegray-400)!important}.hover\\:text-bluegray-500:hover{color:var(--p-bluegray-500)!important}.hover\\:text-bluegray-600:hover{color:var(--p-bluegray-600)!important}.hover\\:text-bluegray-700:hover{color:var(--p-bluegray-700)!important}.hover\\:text-bluegray-800:hover{color:var(--p-bluegray-800)!important}.hover\\:text-bluegray-900:hover{color:var(--p-bluegray-900)!important}.active\\:text-bluegray-50:active{color:var(--p-bluegray-50)!important}.active\\:text-bluegray-100:active{color:var(--p-bluegray-100)!important}.active\\:text-bluegray-200:active{color:var(--p-bluegray-200)!important}.active\\:text-bluegray-300:active{color:var(--p-bluegray-300)!important}.active\\:text-bluegray-400:active{color:var(--p-bluegray-400)!important}.active\\:text-bluegray-500:active{color:var(--p-bluegray-500)!important}.active\\:text-bluegray-600:active{color:var(--p-bluegray-600)!important}.active\\:text-bluegray-700:active{color:var(--p-bluegray-700)!important}.active\\:text-bluegray-800:active{color:var(--p-bluegray-800)!important}.active\\:text-bluegray-900:active{color:var(--p-bluegray-900)!important}.text-purple-50{color:var(--p-purple-50)!important}.text-purple-100{color:var(--p-purple-100)!important}.text-purple-200{color:var(--p-purple-200)!important}.text-purple-300{color:var(--p-purple-300)!important}.text-purple-400{color:var(--p-purple-400)!important}.text-purple-500{color:var(--p-purple-500)!important}.text-purple-600{color:var(--p-purple-600)!important}.text-purple-700{color:var(--p-purple-700)!important}.text-purple-800{color:var(--p-purple-800)!important}.text-purple-900{color:var(--p-purple-900)!important}.focus\\:text-purple-50:focus{color:var(--p-purple-50)!important}.focus\\:text-purple-100:focus{color:var(--p-purple-100)!important}.focus\\:text-purple-200:focus{color:var(--p-purple-200)!important}.focus\\:text-purple-300:focus{color:var(--p-purple-300)!important}.focus\\:text-purple-400:focus{color:var(--p-purple-400)!important}.focus\\:text-purple-500:focus{color:var(--p-purple-500)!important}.focus\\:text-purple-600:focus{color:var(--p-purple-600)!important}.focus\\:text-purple-700:focus{color:var(--p-purple-700)!important}.focus\\:text-purple-800:focus{color:var(--p-purple-800)!important}.focus\\:text-purple-900:focus{color:var(--p-purple-900)!important}.hover\\:text-purple-50:hover{color:var(--p-purple-50)!important}.hover\\:text-purple-100:hover{color:var(--p-purple-100)!important}.hover\\:text-purple-200:hover{color:var(--p-purple-200)!important}.hover\\:text-purple-300:hover{color:var(--p-purple-300)!important}.hover\\:text-purple-400:hover{color:var(--p-purple-400)!important}.hover\\:text-purple-500:hover{color:var(--p-purple-500)!important}.hover\\:text-purple-600:hover{color:var(--p-purple-600)!important}.hover\\:text-purple-700:hover{color:var(--p-purple-700)!important}.hover\\:text-purple-800:hover{color:var(--p-purple-800)!important}.hover\\:text-purple-900:hover{color:var(--p-purple-900)!important}.active\\:text-purple-50:active{color:var(--p-purple-50)!important}.active\\:text-purple-100:active{color:var(--p-purple-100)!important}.active\\:text-purple-200:active{color:var(--p-purple-200)!important}.active\\:text-purple-300:active{color:var(--p-purple-300)!important}.active\\:text-purple-400:active{color:var(--p-purple-400)!important}.active\\:text-purple-500:active{color:var(--p-purple-500)!important}.active\\:text-purple-600:active{color:var(--p-purple-600)!important}.active\\:text-purple-700:active{color:var(--p-purple-700)!important}.active\\:text-purple-800:active{color:var(--p-purple-800)!important}.active\\:text-purple-900:active{color:var(--p-purple-900)!important}.text-gray-50{color:var(--p-gray-50)!important}.text-gray-100{color:var(--p-gray-100)!important}.text-gray-200{color:var(--p-gray-200)!important}.text-gray-300{color:var(--p-gray-300)!important}.text-gray-400{color:var(--p-gray-400)!important}.text-gray-500{color:var(--p-gray-500)!important}.text-gray-600{color:var(--p-gray-600)!important}.text-gray-700{color:var(--p-gray-700)!important}.text-gray-800{color:var(--p-gray-800)!important}.text-gray-900{color:var(--p-gray-900)!important}.focus\\:text-gray-50:focus{color:var(--p-gray-50)!important}.focus\\:text-gray-100:focus{color:var(--p-gray-100)!important}.focus\\:text-gray-200:focus{color:var(--p-gray-200)!important}.focus\\:text-gray-300:focus{color:var(--p-gray-300)!important}.focus\\:text-gray-400:focus{color:var(--p-gray-400)!important}.focus\\:text-gray-500:focus{color:var(--p-gray-500)!important}.focus\\:text-gray-600:focus{color:var(--p-gray-600)!important}.focus\\:text-gray-700:focus{color:var(--p-gray-700)!important}.focus\\:text-gray-800:focus{color:var(--p-gray-800)!important}.focus\\:text-gray-900:focus{color:var(--p-gray-900)!important}.hover\\:text-gray-50:hover{color:var(--p-gray-50)!important}.hover\\:text-gray-100:hover{color:var(--p-gray-100)!important}.hover\\:text-gray-200:hover{color:var(--p-gray-200)!important}.hover\\:text-gray-300:hover{color:var(--p-gray-300)!important}.hover\\:text-gray-400:hover{color:var(--p-gray-400)!important}.hover\\:text-gray-500:hover{color:var(--p-gray-500)!important}.hover\\:text-gray-600:hover{color:var(--p-gray-600)!important}.hover\\:text-gray-700:hover{color:var(--p-gray-700)!important}.hover\\:text-gray-800:hover{color:var(--p-gray-800)!important}.hover\\:text-gray-900:hover{color:var(--p-gray-900)!important}.active\\:text-gray-50:active{color:var(--p-gray-50)!important}.active\\:text-gray-100:active{color:var(--p-gray-100)!important}.active\\:text-gray-200:active{color:var(--p-gray-200)!important}.active\\:text-gray-300:active{color:var(--p-gray-300)!important}.active\\:text-gray-400:active{color:var(--p-gray-400)!important}.active\\:text-gray-500:active{color:var(--p-gray-500)!important}.active\\:text-gray-600:active{color:var(--p-gray-600)!important}.active\\:text-gray-700:active{color:var(--p-gray-700)!important}.active\\:text-gray-800:active{color:var(--p-gray-800)!important}.active\\:text-gray-900:active{color:var(--p-gray-900)!important}.text-red-50{color:var(--p-red-50)!important}.text-red-100{color:var(--p-red-100)!important}.text-red-200{color:var(--p-red-200)!important}.text-red-300{color:var(--p-red-300)!important}.text-red-400{color:var(--p-red-400)!important}.text-red-500{color:var(--p-red-500)!important}.text-red-600{color:var(--p-red-600)!important}.text-red-700{color:var(--p-red-700)!important}.text-red-800{color:var(--p-red-800)!important}.text-red-900{color:var(--p-red-900)!important}.focus\\:text-red-50:focus{color:var(--p-red-50)!important}.focus\\:text-red-100:focus{color:var(--p-red-100)!important}.focus\\:text-red-200:focus{color:var(--p-red-200)!important}.focus\\:text-red-300:focus{color:var(--p-red-300)!important}.focus\\:text-red-400:focus{color:var(--p-red-400)!important}.focus\\:text-red-500:focus{color:var(--p-red-500)!important}.focus\\:text-red-600:focus{color:var(--p-red-600)!important}.focus\\:text-red-700:focus{color:var(--p-red-700)!important}.focus\\:text-red-800:focus{color:var(--p-red-800)!important}.focus\\:text-red-900:focus{color:var(--p-red-900)!important}.hover\\:text-red-50:hover{color:var(--p-red-50)!important}.hover\\:text-red-100:hover{color:var(--p-red-100)!important}.hover\\:text-red-200:hover{color:var(--p-red-200)!important}.hover\\:text-red-300:hover{color:var(--p-red-300)!important}.hover\\:text-red-400:hover{color:var(--p-red-400)!important}.hover\\:text-red-500:hover{color:var(--p-red-500)!important}.hover\\:text-red-600:hover{color:var(--p-red-600)!important}.hover\\:text-red-700:hover{color:var(--p-red-700)!important}.hover\\:text-red-800:hover{color:var(--p-red-800)!important}.hover\\:text-red-900:hover{color:var(--p-red-900)!important}.active\\:text-red-50:active{color:var(--p-red-50)!important}.active\\:text-red-100:active{color:var(--p-red-100)!important}.active\\:text-red-200:active{color:var(--p-red-200)!important}.active\\:text-red-300:active{color:var(--p-red-300)!important}.active\\:text-red-400:active{color:var(--p-red-400)!important}.active\\:text-red-500:active{color:var(--p-red-500)!important}.active\\:text-red-600:active{color:var(--p-red-600)!important}.active\\:text-red-700:active{color:var(--p-red-700)!important}.active\\:text-red-800:active{color:var(--p-red-800)!important}.active\\:text-red-900:active{color:var(--p-red-900)!important}.text-primary-50{color:var(--p-primary-50)!important}.text-primary-100{color:var(--p-primary-100)!important}.text-primary-200{color:var(--p-primary-200)!important}.text-primary-300{color:var(--p-primary-300)!important}.text-primary-400{color:var(--p-primary-400)!important}.text-primary-500{color:var(--p-primary-500)!important}.text-primary-600{color:var(--p-primary-600)!important}.text-primary-700{color:var(--p-primary-700)!important}.text-primary-800{color:var(--p-primary-800)!important}.text-primary-900{color:var(--p-primary-900)!important}.focus\\:text-primary-50:focus{color:var(--p-primary-50)!important}.focus\\:text-primary-100:focus{color:var(--p-primary-100)!important}.focus\\:text-primary-200:focus{color:var(--p-primary-200)!important}.focus\\:text-primary-300:focus{color:var(--p-primary-300)!important}.focus\\:text-primary-400:focus{color:var(--p-primary-400)!important}.focus\\:text-primary-500:focus{color:var(--p-primary-500)!important}.focus\\:text-primary-600:focus{color:var(--p-primary-600)!important}.focus\\:text-primary-700:focus{color:var(--p-primary-700)!important}.focus\\:text-primary-800:focus{color:var(--p-primary-800)!important}.focus\\:text-primary-900:focus{color:var(--p-primary-900)!important}.hover\\:text-primary-50:hover{color:var(--p-primary-50)!important}.hover\\:text-primary-100:hover{color:var(--p-primary-100)!important}.hover\\:text-primary-200:hover{color:var(--p-primary-200)!important}.hover\\:text-primary-300:hover{color:var(--p-primary-300)!important}.hover\\:text-primary-400:hover{color:var(--p-primary-400)!important}.hover\\:text-primary-500:hover{color:var(--p-primary-500)!important}.hover\\:text-primary-600:hover{color:var(--p-primary-600)!important}.hover\\:text-primary-700:hover{color:var(--p-primary-700)!important}.hover\\:text-primary-800:hover{color:var(--p-primary-800)!important}.hover\\:text-primary-900:hover{color:var(--p-primary-900)!important}.active\\:text-primary-50:active{color:var(--p-primary-50)!important}.active\\:text-primary-100:active{color:var(--p-primary-100)!important}.active\\:text-primary-200:active{color:var(--p-primary-200)!important}.active\\:text-primary-300:active{color:var(--p-primary-300)!important}.active\\:text-primary-400:active{color:var(--p-primary-400)!important}.active\\:text-primary-500:active{color:var(--p-primary-500)!important}.active\\:text-primary-600:active{color:var(--p-primary-600)!important}.active\\:text-primary-700:active{color:var(--p-primary-700)!important}.active\\:text-primary-800:active{color:var(--p-primary-800)!important}.active\\:text-primary-900:active{color:var(--p-primary-900)!important}.bg-blue-50{background-color:var(--p-blue-50)!important}.bg-blue-100{background-color:var(--p-blue-100)!important}.bg-blue-200{background-color:var(--p-blue-200)!important}.bg-blue-300{background-color:var(--p-blue-300)!important}.bg-blue-400{background-color:var(--p-blue-400)!important}.bg-blue-500{background-color:var(--p-blue-500)!important}.bg-blue-600{background-color:var(--p-blue-600)!important}.bg-blue-700{background-color:var(--p-blue-700)!important}.bg-blue-800{background-color:var(--p-blue-800)!important}.bg-blue-900{background-color:var(--p-blue-900)!important}.focus\\:bg-blue-50:focus{background-color:var(--p-blue-50)!important}.focus\\:bg-blue-100:focus{background-color:var(--p-blue-100)!important}.focus\\:bg-blue-200:focus{background-color:var(--p-blue-200)!important}.focus\\:bg-blue-300:focus{background-color:var(--p-blue-300)!important}.focus\\:bg-blue-400:focus{background-color:var(--p-blue-400)!important}.focus\\:bg-blue-500:focus{background-color:var(--p-blue-500)!important}.focus\\:bg-blue-600:focus{background-color:var(--p-blue-600)!important}.focus\\:bg-blue-700:focus{background-color:var(--p-blue-700)!important}.focus\\:bg-blue-800:focus{background-color:var(--p-blue-800)!important}.focus\\:bg-blue-900:focus{background-color:var(--p-blue-900)!important}.hover\\:bg-blue-50:hover{background-color:var(--p-blue-50)!important}.hover\\:bg-blue-100:hover{background-color:var(--p-blue-100)!important}.hover\\:bg-blue-200:hover{background-color:var(--p-blue-200)!important}.hover\\:bg-blue-300:hover{background-color:var(--p-blue-300)!important}.hover\\:bg-blue-400:hover{background-color:var(--p-blue-400)!important}.hover\\:bg-blue-500:hover{background-color:var(--p-blue-500)!important}.hover\\:bg-blue-600:hover{background-color:var(--p-blue-600)!important}.hover\\:bg-blue-700:hover{background-color:var(--p-blue-700)!important}.hover\\:bg-blue-800:hover{background-color:var(--p-blue-800)!important}.hover\\:bg-blue-900:hover{background-color:var(--p-blue-900)!important}.active\\:bg-blue-50:active{background-color:var(--p-blue-50)!important}.active\\:bg-blue-100:active{background-color:var(--p-blue-100)!important}.active\\:bg-blue-200:active{background-color:var(--p-blue-200)!important}.active\\:bg-blue-300:active{background-color:var(--p-blue-300)!important}.active\\:bg-blue-400:active{background-color:var(--p-blue-400)!important}.active\\:bg-blue-500:active{background-color:var(--p-blue-500)!important}.active\\:bg-blue-600:active{background-color:var(--p-blue-600)!important}.active\\:bg-blue-700:active{background-color:var(--p-blue-700)!important}.active\\:bg-blue-800:active{background-color:var(--p-blue-800)!important}.active\\:bg-blue-900:active{background-color:var(--p-blue-900)!important}.bg-green-50{background-color:var(--p-green-50)!important}.bg-green-100{background-color:var(--p-green-100)!important}.bg-green-200{background-color:var(--p-green-200)!important}.bg-green-300{background-color:var(--p-green-300)!important}.bg-green-400{background-color:var(--p-green-400)!important}.bg-green-500{background-color:var(--p-green-500)!important}.bg-green-600{background-color:var(--p-green-600)!important}.bg-green-700{background-color:var(--p-green-700)!important}.bg-green-800{background-color:var(--p-green-800)!important}.bg-green-900{background-color:var(--p-green-900)!important}.focus\\:bg-green-50:focus{background-color:var(--p-green-50)!important}.focus\\:bg-green-100:focus{background-color:var(--p-green-100)!important}.focus\\:bg-green-200:focus{background-color:var(--p-green-200)!important}.focus\\:bg-green-300:focus{background-color:var(--p-green-300)!important}.focus\\:bg-green-400:focus{background-color:var(--p-green-400)!important}.focus\\:bg-green-500:focus{background-color:var(--p-green-500)!important}.focus\\:bg-green-600:focus{background-color:var(--p-green-600)!important}.focus\\:bg-green-700:focus{background-color:var(--p-green-700)!important}.focus\\:bg-green-800:focus{background-color:var(--p-green-800)!important}.focus\\:bg-green-900:focus{background-color:var(--p-green-900)!important}.hover\\:bg-green-50:hover{background-color:var(--p-green-50)!important}.hover\\:bg-green-100:hover{background-color:var(--p-green-100)!important}.hover\\:bg-green-200:hover{background-color:var(--p-green-200)!important}.hover\\:bg-green-300:hover{background-color:var(--p-green-300)!important}.hover\\:bg-green-400:hover{background-color:var(--p-green-400)!important}.hover\\:bg-green-500:hover{background-color:var(--p-green-500)!important}.hover\\:bg-green-600:hover{background-color:var(--p-green-600)!important}.hover\\:bg-green-700:hover{background-color:var(--p-green-700)!important}.hover\\:bg-green-800:hover{background-color:var(--p-green-800)!important}.hover\\:bg-green-900:hover{background-color:var(--p-green-900)!important}.active\\:bg-green-50:active{background-color:var(--p-green-50)!important}.active\\:bg-green-100:active{background-color:var(--p-green-100)!important}.active\\:bg-green-200:active{background-color:var(--p-green-200)!important}.active\\:bg-green-300:active{background-color:var(--p-green-300)!important}.active\\:bg-green-400:active{background-color:var(--p-green-400)!important}.active\\:bg-green-500:active{background-color:var(--p-green-500)!important}.active\\:bg-green-600:active{background-color:var(--p-green-600)!important}.active\\:bg-green-700:active{background-color:var(--p-green-700)!important}.active\\:bg-green-800:active{background-color:var(--p-green-800)!important}.active\\:bg-green-900:active{background-color:var(--p-green-900)!important}.bg-yellow-50{background-color:var(--p-yellow-50)!important}.bg-yellow-100{background-color:var(--p-yellow-100)!important}.bg-yellow-200{background-color:var(--p-yellow-200)!important}.bg-yellow-300{background-color:var(--p-yellow-300)!important}.bg-yellow-400{background-color:var(--p-yellow-400)!important}.bg-yellow-500{background-color:var(--p-yellow-500)!important}.bg-yellow-600{background-color:var(--p-yellow-600)!important}.bg-yellow-700{background-color:var(--p-yellow-700)!important}.bg-yellow-800{background-color:var(--p-yellow-800)!important}.bg-yellow-900{background-color:var(--p-yellow-900)!important}.focus\\:bg-yellow-50:focus{background-color:var(--p-yellow-50)!important}.focus\\:bg-yellow-100:focus{background-color:var(--p-yellow-100)!important}.focus\\:bg-yellow-200:focus{background-color:var(--p-yellow-200)!important}.focus\\:bg-yellow-300:focus{background-color:var(--p-yellow-300)!important}.focus\\:bg-yellow-400:focus{background-color:var(--p-yellow-400)!important}.focus\\:bg-yellow-500:focus{background-color:var(--p-yellow-500)!important}.focus\\:bg-yellow-600:focus{background-color:var(--p-yellow-600)!important}.focus\\:bg-yellow-700:focus{background-color:var(--p-yellow-700)!important}.focus\\:bg-yellow-800:focus{background-color:var(--p-yellow-800)!important}.focus\\:bg-yellow-900:focus{background-color:var(--p-yellow-900)!important}.hover\\:bg-yellow-50:hover{background-color:var(--p-yellow-50)!important}.hover\\:bg-yellow-100:hover{background-color:var(--p-yellow-100)!important}.hover\\:bg-yellow-200:hover{background-color:var(--p-yellow-200)!important}.hover\\:bg-yellow-300:hover{background-color:var(--p-yellow-300)!important}.hover\\:bg-yellow-400:hover{background-color:var(--p-yellow-400)!important}.hover\\:bg-yellow-500:hover{background-color:var(--p-yellow-500)!important}.hover\\:bg-yellow-600:hover{background-color:var(--p-yellow-600)!important}.hover\\:bg-yellow-700:hover{background-color:var(--p-yellow-700)!important}.hover\\:bg-yellow-800:hover{background-color:var(--p-yellow-800)!important}.hover\\:bg-yellow-900:hover{background-color:var(--p-yellow-900)!important}.active\\:bg-yellow-50:active{background-color:var(--p-yellow-50)!important}.active\\:bg-yellow-100:active{background-color:var(--p-yellow-100)!important}.active\\:bg-yellow-200:active{background-color:var(--p-yellow-200)!important}.active\\:bg-yellow-300:active{background-color:var(--p-yellow-300)!important}.active\\:bg-yellow-400:active{background-color:var(--p-yellow-400)!important}.active\\:bg-yellow-500:active{background-color:var(--p-yellow-500)!important}.active\\:bg-yellow-600:active{background-color:var(--p-yellow-600)!important}.active\\:bg-yellow-700:active{background-color:var(--p-yellow-700)!important}.active\\:bg-yellow-800:active{background-color:var(--p-yellow-800)!important}.active\\:bg-yellow-900:active{background-color:var(--p-yellow-900)!important}.bg-cyan-50{background-color:var(--p-cyan-50)!important}.bg-cyan-100{background-color:var(--p-cyan-100)!important}.bg-cyan-200{background-color:var(--p-cyan-200)!important}.bg-cyan-300{background-color:var(--p-cyan-300)!important}.bg-cyan-400{background-color:var(--p-cyan-400)!important}.bg-cyan-500{background-color:var(--p-cyan-500)!important}.bg-cyan-600{background-color:var(--p-cyan-600)!important}.bg-cyan-700{background-color:var(--p-cyan-700)!important}.bg-cyan-800{background-color:var(--p-cyan-800)!important}.bg-cyan-900{background-color:var(--p-cyan-900)!important}.focus\\:bg-cyan-50:focus{background-color:var(--p-cyan-50)!important}.focus\\:bg-cyan-100:focus{background-color:var(--p-cyan-100)!important}.focus\\:bg-cyan-200:focus{background-color:var(--p-cyan-200)!important}.focus\\:bg-cyan-300:focus{background-color:var(--p-cyan-300)!important}.focus\\:bg-cyan-400:focus{background-color:var(--p-cyan-400)!important}.focus\\:bg-cyan-500:focus{background-color:var(--p-cyan-500)!important}.focus\\:bg-cyan-600:focus{background-color:var(--p-cyan-600)!important}.focus\\:bg-cyan-700:focus{background-color:var(--p-cyan-700)!important}.focus\\:bg-cyan-800:focus{background-color:var(--p-cyan-800)!important}.focus\\:bg-cyan-900:focus{background-color:var(--p-cyan-900)!important}.hover\\:bg-cyan-50:hover{background-color:var(--p-cyan-50)!important}.hover\\:bg-cyan-100:hover{background-color:var(--p-cyan-100)!important}.hover\\:bg-cyan-200:hover{background-color:var(--p-cyan-200)!important}.hover\\:bg-cyan-300:hover{background-color:var(--p-cyan-300)!important}.hover\\:bg-cyan-400:hover{background-color:var(--p-cyan-400)!important}.hover\\:bg-cyan-500:hover{background-color:var(--p-cyan-500)!important}.hover\\:bg-cyan-600:hover{background-color:var(--p-cyan-600)!important}.hover\\:bg-cyan-700:hover{background-color:var(--p-cyan-700)!important}.hover\\:bg-cyan-800:hover{background-color:var(--p-cyan-800)!important}.hover\\:bg-cyan-900:hover{background-color:var(--p-cyan-900)!important}.active\\:bg-cyan-50:active{background-color:var(--p-cyan-50)!important}.active\\:bg-cyan-100:active{background-color:var(--p-cyan-100)!important}.active\\:bg-cyan-200:active{background-color:var(--p-cyan-200)!important}.active\\:bg-cyan-300:active{background-color:var(--p-cyan-300)!important}.active\\:bg-cyan-400:active{background-color:var(--p-cyan-400)!important}.active\\:bg-cyan-500:active{background-color:var(--p-cyan-500)!important}.active\\:bg-cyan-600:active{background-color:var(--p-cyan-600)!important}.active\\:bg-cyan-700:active{background-color:var(--p-cyan-700)!important}.active\\:bg-cyan-800:active{background-color:var(--p-cyan-800)!important}.active\\:bg-cyan-900:active{background-color:var(--p-cyan-900)!important}.bg-pink-50{background-color:var(--p-pink-50)!important}.bg-pink-100{background-color:var(--p-pink-100)!important}.bg-pink-200{background-color:var(--p-pink-200)!important}.bg-pink-300{background-color:var(--p-pink-300)!important}.bg-pink-400{background-color:var(--p-pink-400)!important}.bg-pink-500{background-color:var(--p-pink-500)!important}.bg-pink-600{background-color:var(--p-pink-600)!important}.bg-pink-700{background-color:var(--p-pink-700)!important}.bg-pink-800{background-color:var(--p-pink-800)!important}.bg-pink-900{background-color:var(--p-pink-900)!important}.focus\\:bg-pink-50:focus{background-color:var(--p-pink-50)!important}.focus\\:bg-pink-100:focus{background-color:var(--p-pink-100)!important}.focus\\:bg-pink-200:focus{background-color:var(--p-pink-200)!important}.focus\\:bg-pink-300:focus{background-color:var(--p-pink-300)!important}.focus\\:bg-pink-400:focus{background-color:var(--p-pink-400)!important}.focus\\:bg-pink-500:focus{background-color:var(--p-pink-500)!important}.focus\\:bg-pink-600:focus{background-color:var(--p-pink-600)!important}.focus\\:bg-pink-700:focus{background-color:var(--p-pink-700)!important}.focus\\:bg-pink-800:focus{background-color:var(--p-pink-800)!important}.focus\\:bg-pink-900:focus{background-color:var(--p-pink-900)!important}.hover\\:bg-pink-50:hover{background-color:var(--p-pink-50)!important}.hover\\:bg-pink-100:hover{background-color:var(--p-pink-100)!important}.hover\\:bg-pink-200:hover{background-color:var(--p-pink-200)!important}.hover\\:bg-pink-300:hover{background-color:var(--p-pink-300)!important}.hover\\:bg-pink-400:hover{background-color:var(--p-pink-400)!important}.hover\\:bg-pink-500:hover{background-color:var(--p-pink-500)!important}.hover\\:bg-pink-600:hover{background-color:var(--p-pink-600)!important}.hover\\:bg-pink-700:hover{background-color:var(--p-pink-700)!important}.hover\\:bg-pink-800:hover{background-color:var(--p-pink-800)!important}.hover\\:bg-pink-900:hover{background-color:var(--p-pink-900)!important}.active\\:bg-pink-50:active{background-color:var(--p-pink-50)!important}.active\\:bg-pink-100:active{background-color:var(--p-pink-100)!important}.active\\:bg-pink-200:active{background-color:var(--p-pink-200)!important}.active\\:bg-pink-300:active{background-color:var(--p-pink-300)!important}.active\\:bg-pink-400:active{background-color:var(--p-pink-400)!important}.active\\:bg-pink-500:active{background-color:var(--p-pink-500)!important}.active\\:bg-pink-600:active{background-color:var(--p-pink-600)!important}.active\\:bg-pink-700:active{background-color:var(--p-pink-700)!important}.active\\:bg-pink-800:active{background-color:var(--p-pink-800)!important}.active\\:bg-pink-900:active{background-color:var(--p-pink-900)!important}.bg-indigo-50{background-color:var(--p-indigo-50)!important}.bg-indigo-100{background-color:var(--p-indigo-100)!important}.bg-indigo-200{background-color:var(--p-indigo-200)!important}.bg-indigo-300{background-color:var(--p-indigo-300)!important}.bg-indigo-400{background-color:var(--p-indigo-400)!important}.bg-indigo-500{background-color:var(--p-indigo-500)!important}.bg-indigo-600{background-color:var(--p-indigo-600)!important}.bg-indigo-700{background-color:var(--p-indigo-700)!important}.bg-indigo-800{background-color:var(--p-indigo-800)!important}.bg-indigo-900{background-color:var(--p-indigo-900)!important}.focus\\:bg-indigo-50:focus{background-color:var(--p-indigo-50)!important}.focus\\:bg-indigo-100:focus{background-color:var(--p-indigo-100)!important}.focus\\:bg-indigo-200:focus{background-color:var(--p-indigo-200)!important}.focus\\:bg-indigo-300:focus{background-color:var(--p-indigo-300)!important}.focus\\:bg-indigo-400:focus{background-color:var(--p-indigo-400)!important}.focus\\:bg-indigo-500:focus{background-color:var(--p-indigo-500)!important}.focus\\:bg-indigo-600:focus{background-color:var(--p-indigo-600)!important}.focus\\:bg-indigo-700:focus{background-color:var(--p-indigo-700)!important}.focus\\:bg-indigo-800:focus{background-color:var(--p-indigo-800)!important}.focus\\:bg-indigo-900:focus{background-color:var(--p-indigo-900)!important}.hover\\:bg-indigo-50:hover{background-color:var(--p-indigo-50)!important}.hover\\:bg-indigo-100:hover{background-color:var(--p-indigo-100)!important}.hover\\:bg-indigo-200:hover{background-color:var(--p-indigo-200)!important}.hover\\:bg-indigo-300:hover{background-color:var(--p-indigo-300)!important}.hover\\:bg-indigo-400:hover{background-color:var(--p-indigo-400)!important}.hover\\:bg-indigo-500:hover{background-color:var(--p-indigo-500)!important}.hover\\:bg-indigo-600:hover{background-color:var(--p-indigo-600)!important}.hover\\:bg-indigo-700:hover{background-color:var(--p-indigo-700)!important}.hover\\:bg-indigo-800:hover{background-color:var(--p-indigo-800)!important}.hover\\:bg-indigo-900:hover{background-color:var(--p-indigo-900)!important}.active\\:bg-indigo-50:active{background-color:var(--p-indigo-50)!important}.active\\:bg-indigo-100:active{background-color:var(--p-indigo-100)!important}.active\\:bg-indigo-200:active{background-color:var(--p-indigo-200)!important}.active\\:bg-indigo-300:active{background-color:var(--p-indigo-300)!important}.active\\:bg-indigo-400:active{background-color:var(--p-indigo-400)!important}.active\\:bg-indigo-500:active{background-color:var(--p-indigo-500)!important}.active\\:bg-indigo-600:active{background-color:var(--p-indigo-600)!important}.active\\:bg-indigo-700:active{background-color:var(--p-indigo-700)!important}.active\\:bg-indigo-800:active{background-color:var(--p-indigo-800)!important}.active\\:bg-indigo-900:active{background-color:var(--p-indigo-900)!important}.bg-teal-50{background-color:var(--p-teal-50)!important}.bg-teal-100{background-color:var(--p-teal-100)!important}.bg-teal-200{background-color:var(--p-teal-200)!important}.bg-teal-300{background-color:var(--p-teal-300)!important}.bg-teal-400{background-color:var(--p-teal-400)!important}.bg-teal-500{background-color:var(--p-teal-500)!important}.bg-teal-600{background-color:var(--p-teal-600)!important}.bg-teal-700{background-color:var(--p-teal-700)!important}.bg-teal-800{background-color:var(--p-teal-800)!important}.bg-teal-900{background-color:var(--p-teal-900)!important}.focus\\:bg-teal-50:focus{background-color:var(--p-teal-50)!important}.focus\\:bg-teal-100:focus{background-color:var(--p-teal-100)!important}.focus\\:bg-teal-200:focus{background-color:var(--p-teal-200)!important}.focus\\:bg-teal-300:focus{background-color:var(--p-teal-300)!important}.focus\\:bg-teal-400:focus{background-color:var(--p-teal-400)!important}.focus\\:bg-teal-500:focus{background-color:var(--p-teal-500)!important}.focus\\:bg-teal-600:focus{background-color:var(--p-teal-600)!important}.focus\\:bg-teal-700:focus{background-color:var(--p-teal-700)!important}.focus\\:bg-teal-800:focus{background-color:var(--p-teal-800)!important}.focus\\:bg-teal-900:focus{background-color:var(--p-teal-900)!important}.hover\\:bg-teal-50:hover{background-color:var(--p-teal-50)!important}.hover\\:bg-teal-100:hover{background-color:var(--p-teal-100)!important}.hover\\:bg-teal-200:hover{background-color:var(--p-teal-200)!important}.hover\\:bg-teal-300:hover{background-color:var(--p-teal-300)!important}.hover\\:bg-teal-400:hover{background-color:var(--p-teal-400)!important}.hover\\:bg-teal-500:hover{background-color:var(--p-teal-500)!important}.hover\\:bg-teal-600:hover{background-color:var(--p-teal-600)!important}.hover\\:bg-teal-700:hover{background-color:var(--p-teal-700)!important}.hover\\:bg-teal-800:hover{background-color:var(--p-teal-800)!important}.hover\\:bg-teal-900:hover{background-color:var(--p-teal-900)!important}.active\\:bg-teal-50:active{background-color:var(--p-teal-50)!important}.active\\:bg-teal-100:active{background-color:var(--p-teal-100)!important}.active\\:bg-teal-200:active{background-color:var(--p-teal-200)!important}.active\\:bg-teal-300:active{background-color:var(--p-teal-300)!important}.active\\:bg-teal-400:active{background-color:var(--p-teal-400)!important}.active\\:bg-teal-500:active{background-color:var(--p-teal-500)!important}.active\\:bg-teal-600:active{background-color:var(--p-teal-600)!important}.active\\:bg-teal-700:active{background-color:var(--p-teal-700)!important}.active\\:bg-teal-800:active{background-color:var(--p-teal-800)!important}.active\\:bg-teal-900:active{background-color:var(--p-teal-900)!important}.bg-orange-50{background-color:var(--p-orange-50)!important}.bg-orange-100{background-color:var(--p-orange-100)!important}.bg-orange-200{background-color:var(--p-orange-200)!important}.bg-orange-300{background-color:var(--p-orange-300)!important}.bg-orange-400{background-color:var(--p-orange-400)!important}.bg-orange-500{background-color:var(--p-orange-500)!important}.bg-orange-600{background-color:var(--p-orange-600)!important}.bg-orange-700{background-color:var(--p-orange-700)!important}.bg-orange-800{background-color:var(--p-orange-800)!important}.bg-orange-900{background-color:var(--p-orange-900)!important}.focus\\:bg-orange-50:focus{background-color:var(--p-orange-50)!important}.focus\\:bg-orange-100:focus{background-color:var(--p-orange-100)!important}.focus\\:bg-orange-200:focus{background-color:var(--p-orange-200)!important}.focus\\:bg-orange-300:focus{background-color:var(--p-orange-300)!important}.focus\\:bg-orange-400:focus{background-color:var(--p-orange-400)!important}.focus\\:bg-orange-500:focus{background-color:var(--p-orange-500)!important}.focus\\:bg-orange-600:focus{background-color:var(--p-orange-600)!important}.focus\\:bg-orange-700:focus{background-color:var(--p-orange-700)!important}.focus\\:bg-orange-800:focus{background-color:var(--p-orange-800)!important}.focus\\:bg-orange-900:focus{background-color:var(--p-orange-900)!important}.hover\\:bg-orange-50:hover{background-color:var(--p-orange-50)!important}.hover\\:bg-orange-100:hover{background-color:var(--p-orange-100)!important}.hover\\:bg-orange-200:hover{background-color:var(--p-orange-200)!important}.hover\\:bg-orange-300:hover{background-color:var(--p-orange-300)!important}.hover\\:bg-orange-400:hover{background-color:var(--p-orange-400)!important}.hover\\:bg-orange-500:hover{background-color:var(--p-orange-500)!important}.hover\\:bg-orange-600:hover{background-color:var(--p-orange-600)!important}.hover\\:bg-orange-700:hover{background-color:var(--p-orange-700)!important}.hover\\:bg-orange-800:hover{background-color:var(--p-orange-800)!important}.hover\\:bg-orange-900:hover{background-color:var(--p-orange-900)!important}.active\\:bg-orange-50:active{background-color:var(--p-orange-50)!important}.active\\:bg-orange-100:active{background-color:var(--p-orange-100)!important}.active\\:bg-orange-200:active{background-color:var(--p-orange-200)!important}.active\\:bg-orange-300:active{background-color:var(--p-orange-300)!important}.active\\:bg-orange-400:active{background-color:var(--p-orange-400)!important}.active\\:bg-orange-500:active{background-color:var(--p-orange-500)!important}.active\\:bg-orange-600:active{background-color:var(--p-orange-600)!important}.active\\:bg-orange-700:active{background-color:var(--p-orange-700)!important}.active\\:bg-orange-800:active{background-color:var(--p-orange-800)!important}.active\\:bg-orange-900:active{background-color:var(--p-orange-900)!important}.bg-bluegray-50{background-color:var(--p-bluegray-50)!important}.bg-bluegray-100{background-color:var(--p-bluegray-100)!important}.bg-bluegray-200{background-color:var(--p-bluegray-200)!important}.bg-bluegray-300{background-color:var(--p-bluegray-300)!important}.bg-bluegray-400{background-color:var(--p-bluegray-400)!important}.bg-bluegray-500{background-color:var(--p-bluegray-500)!important}.bg-bluegray-600{background-color:var(--p-bluegray-600)!important}.bg-bluegray-700{background-color:var(--p-bluegray-700)!important}.bg-bluegray-800{background-color:var(--p-bluegray-800)!important}.bg-bluegray-900{background-color:var(--p-bluegray-900)!important}.focus\\:bg-bluegray-50:focus{background-color:var(--p-bluegray-50)!important}.focus\\:bg-bluegray-100:focus{background-color:var(--p-bluegray-100)!important}.focus\\:bg-bluegray-200:focus{background-color:var(--p-bluegray-200)!important}.focus\\:bg-bluegray-300:focus{background-color:var(--p-bluegray-300)!important}.focus\\:bg-bluegray-400:focus{background-color:var(--p-bluegray-400)!important}.focus\\:bg-bluegray-500:focus{background-color:var(--p-bluegray-500)!important}.focus\\:bg-bluegray-600:focus{background-color:var(--p-bluegray-600)!important}.focus\\:bg-bluegray-700:focus{background-color:var(--p-bluegray-700)!important}.focus\\:bg-bluegray-800:focus{background-color:var(--p-bluegray-800)!important}.focus\\:bg-bluegray-900:focus{background-color:var(--p-bluegray-900)!important}.hover\\:bg-bluegray-50:hover{background-color:var(--p-bluegray-50)!important}.hover\\:bg-bluegray-100:hover{background-color:var(--p-bluegray-100)!important}.hover\\:bg-bluegray-200:hover{background-color:var(--p-bluegray-200)!important}.hover\\:bg-bluegray-300:hover{background-color:var(--p-bluegray-300)!important}.hover\\:bg-bluegray-400:hover{background-color:var(--p-bluegray-400)!important}.hover\\:bg-bluegray-500:hover{background-color:var(--p-bluegray-500)!important}.hover\\:bg-bluegray-600:hover{background-color:var(--p-bluegray-600)!important}.hover\\:bg-bluegray-700:hover{background-color:var(--p-bluegray-700)!important}.hover\\:bg-bluegray-800:hover{background-color:var(--p-bluegray-800)!important}.hover\\:bg-bluegray-900:hover{background-color:var(--p-bluegray-900)!important}.active\\:bg-bluegray-50:active{background-color:var(--p-bluegray-50)!important}.active\\:bg-bluegray-100:active{background-color:var(--p-bluegray-100)!important}.active\\:bg-bluegray-200:active{background-color:var(--p-bluegray-200)!important}.active\\:bg-bluegray-300:active{background-color:var(--p-bluegray-300)!important}.active\\:bg-bluegray-400:active{background-color:var(--p-bluegray-400)!important}.active\\:bg-bluegray-500:active{background-color:var(--p-bluegray-500)!important}.active\\:bg-bluegray-600:active{background-color:var(--p-bluegray-600)!important}.active\\:bg-bluegray-700:active{background-color:var(--p-bluegray-700)!important}.active\\:bg-bluegray-800:active{background-color:var(--p-bluegray-800)!important}.active\\:bg-bluegray-900:active{background-color:var(--p-bluegray-900)!important}.bg-purple-50{background-color:var(--p-purple-50)!important}.bg-purple-100{background-color:var(--p-purple-100)!important}.bg-purple-200{background-color:var(--p-purple-200)!important}.bg-purple-300{background-color:var(--p-purple-300)!important}.bg-purple-400{background-color:var(--p-purple-400)!important}.bg-purple-500{background-color:var(--p-purple-500)!important}.bg-purple-600{background-color:var(--p-purple-600)!important}.bg-purple-700{background-color:var(--p-purple-700)!important}.bg-purple-800{background-color:var(--p-purple-800)!important}.bg-purple-900{background-color:var(--p-purple-900)!important}.focus\\:bg-purple-50:focus{background-color:var(--p-purple-50)!important}.focus\\:bg-purple-100:focus{background-color:var(--p-purple-100)!important}.focus\\:bg-purple-200:focus{background-color:var(--p-purple-200)!important}.focus\\:bg-purple-300:focus{background-color:var(--p-purple-300)!important}.focus\\:bg-purple-400:focus{background-color:var(--p-purple-400)!important}.focus\\:bg-purple-500:focus{background-color:var(--p-purple-500)!important}.focus\\:bg-purple-600:focus{background-color:var(--p-purple-600)!important}.focus\\:bg-purple-700:focus{background-color:var(--p-purple-700)!important}.focus\\:bg-purple-800:focus{background-color:var(--p-purple-800)!important}.focus\\:bg-purple-900:focus{background-color:var(--p-purple-900)!important}.hover\\:bg-purple-50:hover{background-color:var(--p-purple-50)!important}.hover\\:bg-purple-100:hover{background-color:var(--p-purple-100)!important}.hover\\:bg-purple-200:hover{background-color:var(--p-purple-200)!important}.hover\\:bg-purple-300:hover{background-color:var(--p-purple-300)!important}.hover\\:bg-purple-400:hover{background-color:var(--p-purple-400)!important}.hover\\:bg-purple-500:hover{background-color:var(--p-purple-500)!important}.hover\\:bg-purple-600:hover{background-color:var(--p-purple-600)!important}.hover\\:bg-purple-700:hover{background-color:var(--p-purple-700)!important}.hover\\:bg-purple-800:hover{background-color:var(--p-purple-800)!important}.hover\\:bg-purple-900:hover{background-color:var(--p-purple-900)!important}.active\\:bg-purple-50:active{background-color:var(--p-purple-50)!important}.active\\:bg-purple-100:active{background-color:var(--p-purple-100)!important}.active\\:bg-purple-200:active{background-color:var(--p-purple-200)!important}.active\\:bg-purple-300:active{background-color:var(--p-purple-300)!important}.active\\:bg-purple-400:active{background-color:var(--p-purple-400)!important}.active\\:bg-purple-500:active{background-color:var(--p-purple-500)!important}.active\\:bg-purple-600:active{background-color:var(--p-purple-600)!important}.active\\:bg-purple-700:active{background-color:var(--p-purple-700)!important}.active\\:bg-purple-800:active{background-color:var(--p-purple-800)!important}.active\\:bg-purple-900:active{background-color:var(--p-purple-900)!important}.bg-gray-50{background-color:var(--p-gray-50)!important}.bg-gray-100{background-color:var(--p-gray-100)!important}.bg-gray-200{background-color:var(--p-gray-200)!important}.bg-gray-300{background-color:var(--p-gray-300)!important}.bg-gray-400{background-color:var(--p-gray-400)!important}.bg-gray-500{background-color:var(--p-gray-500)!important}.bg-gray-600{background-color:var(--p-gray-600)!important}.bg-gray-700{background-color:var(--p-gray-700)!important}.bg-gray-800{background-color:var(--p-gray-800)!important}.bg-gray-900{background-color:var(--p-gray-900)!important}.focus\\:bg-gray-50:focus{background-color:var(--p-gray-50)!important}.focus\\:bg-gray-100:focus{background-color:var(--p-gray-100)!important}.focus\\:bg-gray-200:focus{background-color:var(--p-gray-200)!important}.focus\\:bg-gray-300:focus{background-color:var(--p-gray-300)!important}.focus\\:bg-gray-400:focus{background-color:var(--p-gray-400)!important}.focus\\:bg-gray-500:focus{background-color:var(--p-gray-500)!important}.focus\\:bg-gray-600:focus{background-color:var(--p-gray-600)!important}.focus\\:bg-gray-700:focus{background-color:var(--p-gray-700)!important}.focus\\:bg-gray-800:focus{background-color:var(--p-gray-800)!important}.focus\\:bg-gray-900:focus{background-color:var(--p-gray-900)!important}.hover\\:bg-gray-50:hover{background-color:var(--p-gray-50)!important}.hover\\:bg-gray-100:hover{background-color:var(--p-gray-100)!important}.hover\\:bg-gray-200:hover{background-color:var(--p-gray-200)!important}.hover\\:bg-gray-300:hover{background-color:var(--p-gray-300)!important}.hover\\:bg-gray-400:hover{background-color:var(--p-gray-400)!important}.hover\\:bg-gray-500:hover{background-color:var(--p-gray-500)!important}.hover\\:bg-gray-600:hover{background-color:var(--p-gray-600)!important}.hover\\:bg-gray-700:hover{background-color:var(--p-gray-700)!important}.hover\\:bg-gray-800:hover{background-color:var(--p-gray-800)!important}.hover\\:bg-gray-900:hover{background-color:var(--p-gray-900)!important}.active\\:bg-gray-50:active{background-color:var(--p-gray-50)!important}.active\\:bg-gray-100:active{background-color:var(--p-gray-100)!important}.active\\:bg-gray-200:active{background-color:var(--p-gray-200)!important}.active\\:bg-gray-300:active{background-color:var(--p-gray-300)!important}.active\\:bg-gray-400:active{background-color:var(--p-gray-400)!important}.active\\:bg-gray-500:active{background-color:var(--p-gray-500)!important}.active\\:bg-gray-600:active{background-color:var(--p-gray-600)!important}.active\\:bg-gray-700:active{background-color:var(--p-gray-700)!important}.active\\:bg-gray-800:active{background-color:var(--p-gray-800)!important}.active\\:bg-gray-900:active{background-color:var(--p-gray-900)!important}.bg-red-50{background-color:var(--p-red-50)!important}.bg-red-100{background-color:var(--p-red-100)!important}.bg-red-200{background-color:var(--p-red-200)!important}.bg-red-300{background-color:var(--p-red-300)!important}.bg-red-400{background-color:var(--p-red-400)!important}.bg-red-500{background-color:var(--p-red-500)!important}.bg-red-600{background-color:var(--p-red-600)!important}.bg-red-700{background-color:var(--p-red-700)!important}.bg-red-800{background-color:var(--p-red-800)!important}.bg-red-900{background-color:var(--p-red-900)!important}.focus\\:bg-red-50:focus{background-color:var(--p-red-50)!important}.focus\\:bg-red-100:focus{background-color:var(--p-red-100)!important}.focus\\:bg-red-200:focus{background-color:var(--p-red-200)!important}.focus\\:bg-red-300:focus{background-color:var(--p-red-300)!important}.focus\\:bg-red-400:focus{background-color:var(--p-red-400)!important}.focus\\:bg-red-500:focus{background-color:var(--p-red-500)!important}.focus\\:bg-red-600:focus{background-color:var(--p-red-600)!important}.focus\\:bg-red-700:focus{background-color:var(--p-red-700)!important}.focus\\:bg-red-800:focus{background-color:var(--p-red-800)!important}.focus\\:bg-red-900:focus{background-color:var(--p-red-900)!important}.hover\\:bg-red-50:hover{background-color:var(--p-red-50)!important}.hover\\:bg-red-100:hover{background-color:var(--p-red-100)!important}.hover\\:bg-red-200:hover{background-color:var(--p-red-200)!important}.hover\\:bg-red-300:hover{background-color:var(--p-red-300)!important}.hover\\:bg-red-400:hover{background-color:var(--p-red-400)!important}.hover\\:bg-red-500:hover{background-color:var(--p-red-500)!important}.hover\\:bg-red-600:hover{background-color:var(--p-red-600)!important}.hover\\:bg-red-700:hover{background-color:var(--p-red-700)!important}.hover\\:bg-red-800:hover{background-color:var(--p-red-800)!important}.hover\\:bg-red-900:hover{background-color:var(--p-red-900)!important}.active\\:bg-red-50:active{background-color:var(--p-red-50)!important}.active\\:bg-red-100:active{background-color:var(--p-red-100)!important}.active\\:bg-red-200:active{background-color:var(--p-red-200)!important}.active\\:bg-red-300:active{background-color:var(--p-red-300)!important}.active\\:bg-red-400:active{background-color:var(--p-red-400)!important}.active\\:bg-red-500:active{background-color:var(--p-red-500)!important}.active\\:bg-red-600:active{background-color:var(--p-red-600)!important}.active\\:bg-red-700:active{background-color:var(--p-red-700)!important}.active\\:bg-red-800:active{background-color:var(--p-red-800)!important}.active\\:bg-red-900:active{background-color:var(--p-red-900)!important}.bg-primary-50{background-color:var(--p-primary-50)!important}.bg-primary-100{background-color:var(--p-primary-100)!important}.bg-primary-200{background-color:var(--p-primary-200)!important}.bg-primary-300{background-color:var(--p-primary-300)!important}.bg-primary-400{background-color:var(--p-primary-400)!important}.bg-primary-500{background-color:var(--p-primary-500)!important}.bg-primary-600{background-color:var(--p-primary-600)!important}.bg-primary-700{background-color:var(--p-primary-700)!important}.bg-primary-800{background-color:var(--p-primary-800)!important}.bg-primary-900{background-color:var(--p-primary-900)!important}.focus\\:bg-primary-50:focus{background-color:var(--p-primary-50)!important}.focus\\:bg-primary-100:focus{background-color:var(--p-primary-100)!important}.focus\\:bg-primary-200:focus{background-color:var(--p-primary-200)!important}.focus\\:bg-primary-300:focus{background-color:var(--p-primary-300)!important}.focus\\:bg-primary-400:focus{background-color:var(--p-primary-400)!important}.focus\\:bg-primary-500:focus{background-color:var(--p-primary-500)!important}.focus\\:bg-primary-600:focus{background-color:var(--p-primary-600)!important}.focus\\:bg-primary-700:focus{background-color:var(--p-primary-700)!important}.focus\\:bg-primary-800:focus{background-color:var(--p-primary-800)!important}.focus\\:bg-primary-900:focus{background-color:var(--p-primary-900)!important}.hover\\:bg-primary-50:hover{background-color:var(--p-primary-50)!important}.hover\\:bg-primary-100:hover{background-color:var(--p-primary-100)!important}.hover\\:bg-primary-200:hover{background-color:var(--p-primary-200)!important}.hover\\:bg-primary-300:hover{background-color:var(--p-primary-300)!important}.hover\\:bg-primary-400:hover{background-color:var(--p-primary-400)!important}.hover\\:bg-primary-500:hover{background-color:var(--p-primary-500)!important}.hover\\:bg-primary-600:hover{background-color:var(--p-primary-600)!important}.hover\\:bg-primary-700:hover{background-color:var(--p-primary-700)!important}.hover\\:bg-primary-800:hover{background-color:var(--p-primary-800)!important}.hover\\:bg-primary-900:hover{background-color:var(--p-primary-900)!important}.active\\:bg-primary-50:active{background-color:var(--p-primary-50)!important}.active\\:bg-primary-100:active{background-color:var(--p-primary-100)!important}.active\\:bg-primary-200:active{background-color:var(--p-primary-200)!important}.active\\:bg-primary-300:active{background-color:var(--p-primary-300)!important}.active\\:bg-primary-400:active{background-color:var(--p-primary-400)!important}.active\\:bg-primary-500:active{background-color:var(--p-primary-500)!important}.active\\:bg-primary-600:active{background-color:var(--p-primary-600)!important}.active\\:bg-primary-700:active{background-color:var(--p-primary-700)!important}.active\\:bg-primary-800:active{background-color:var(--p-primary-800)!important}.active\\:bg-primary-900:active{background-color:var(--p-primary-900)!important}.border-blue-50{border-color:var(--p-blue-50)!important}.border-blue-100{border-color:var(--p-blue-100)!important}.border-blue-200{border-color:var(--p-blue-200)!important}.border-blue-300{border-color:var(--p-blue-300)!important}.border-blue-400{border-color:var(--p-blue-400)!important}.border-blue-500{border-color:var(--p-blue-500)!important}.border-blue-600{border-color:var(--p-blue-600)!important}.border-blue-700{border-color:var(--p-blue-700)!important}.border-blue-800{border-color:var(--p-blue-800)!important}.border-blue-900{border-color:var(--p-blue-900)!important}.focus\\:border-blue-50:focus{border-color:var(--p-blue-50)!important}.focus\\:border-blue-100:focus{border-color:var(--p-blue-100)!important}.focus\\:border-blue-200:focus{border-color:var(--p-blue-200)!important}.focus\\:border-blue-300:focus{border-color:var(--p-blue-300)!important}.focus\\:border-blue-400:focus{border-color:var(--p-blue-400)!important}.focus\\:border-blue-500:focus{border-color:var(--p-blue-500)!important}.focus\\:border-blue-600:focus{border-color:var(--p-blue-600)!important}.focus\\:border-blue-700:focus{border-color:var(--p-blue-700)!important}.focus\\:border-blue-800:focus{border-color:var(--p-blue-800)!important}.focus\\:border-blue-900:focus{border-color:var(--p-blue-900)!important}.hover\\:border-blue-50:hover{border-color:var(--p-blue-50)!important}.hover\\:border-blue-100:hover{border-color:var(--p-blue-100)!important}.hover\\:border-blue-200:hover{border-color:var(--p-blue-200)!important}.hover\\:border-blue-300:hover{border-color:var(--p-blue-300)!important}.hover\\:border-blue-400:hover{border-color:var(--p-blue-400)!important}.hover\\:border-blue-500:hover{border-color:var(--p-blue-500)!important}.hover\\:border-blue-600:hover{border-color:var(--p-blue-600)!important}.hover\\:border-blue-700:hover{border-color:var(--p-blue-700)!important}.hover\\:border-blue-800:hover{border-color:var(--p-blue-800)!important}.hover\\:border-blue-900:hover{border-color:var(--p-blue-900)!important}.active\\:border-blue-50:active{border-color:var(--p-blue-50)!important}.active\\:border-blue-100:active{border-color:var(--p-blue-100)!important}.active\\:border-blue-200:active{border-color:var(--p-blue-200)!important}.active\\:border-blue-300:active{border-color:var(--p-blue-300)!important}.active\\:border-blue-400:active{border-color:var(--p-blue-400)!important}.active\\:border-blue-500:active{border-color:var(--p-blue-500)!important}.active\\:border-blue-600:active{border-color:var(--p-blue-600)!important}.active\\:border-blue-700:active{border-color:var(--p-blue-700)!important}.active\\:border-blue-800:active{border-color:var(--p-blue-800)!important}.active\\:border-blue-900:active{border-color:var(--p-blue-900)!important}.border-green-50{border-color:var(--p-green-50)!important}.border-green-100{border-color:var(--p-green-100)!important}.border-green-200{border-color:var(--p-green-200)!important}.border-green-300{border-color:var(--p-green-300)!important}.border-green-400{border-color:var(--p-green-400)!important}.border-green-500{border-color:var(--p-green-500)!important}.border-green-600{border-color:var(--p-green-600)!important}.border-green-700{border-color:var(--p-green-700)!important}.border-green-800{border-color:var(--p-green-800)!important}.border-green-900{border-color:var(--p-green-900)!important}.focus\\:border-green-50:focus{border-color:var(--p-green-50)!important}.focus\\:border-green-100:focus{border-color:var(--p-green-100)!important}.focus\\:border-green-200:focus{border-color:var(--p-green-200)!important}.focus\\:border-green-300:focus{border-color:var(--p-green-300)!important}.focus\\:border-green-400:focus{border-color:var(--p-green-400)!important}.focus\\:border-green-500:focus{border-color:var(--p-green-500)!important}.focus\\:border-green-600:focus{border-color:var(--p-green-600)!important}.focus\\:border-green-700:focus{border-color:var(--p-green-700)!important}.focus\\:border-green-800:focus{border-color:var(--p-green-800)!important}.focus\\:border-green-900:focus{border-color:var(--p-green-900)!important}.hover\\:border-green-50:hover{border-color:var(--p-green-50)!important}.hover\\:border-green-100:hover{border-color:var(--p-green-100)!important}.hover\\:border-green-200:hover{border-color:var(--p-green-200)!important}.hover\\:border-green-300:hover{border-color:var(--p-green-300)!important}.hover\\:border-green-400:hover{border-color:var(--p-green-400)!important}.hover\\:border-green-500:hover{border-color:var(--p-green-500)!important}.hover\\:border-green-600:hover{border-color:var(--p-green-600)!important}.hover\\:border-green-700:hover{border-color:var(--p-green-700)!important}.hover\\:border-green-800:hover{border-color:var(--p-green-800)!important}.hover\\:border-green-900:hover{border-color:var(--p-green-900)!important}.active\\:border-green-50:active{border-color:var(--p-green-50)!important}.active\\:border-green-100:active{border-color:var(--p-green-100)!important}.active\\:border-green-200:active{border-color:var(--p-green-200)!important}.active\\:border-green-300:active{border-color:var(--p-green-300)!important}.active\\:border-green-400:active{border-color:var(--p-green-400)!important}.active\\:border-green-500:active{border-color:var(--p-green-500)!important}.active\\:border-green-600:active{border-color:var(--p-green-600)!important}.active\\:border-green-700:active{border-color:var(--p-green-700)!important}.active\\:border-green-800:active{border-color:var(--p-green-800)!important}.active\\:border-green-900:active{border-color:var(--p-green-900)!important}.border-yellow-50{border-color:var(--p-yellow-50)!important}.border-yellow-100{border-color:var(--p-yellow-100)!important}.border-yellow-200{border-color:var(--p-yellow-200)!important}.border-yellow-300{border-color:var(--p-yellow-300)!important}.border-yellow-400{border-color:var(--p-yellow-400)!important}.border-yellow-500{border-color:var(--p-yellow-500)!important}.border-yellow-600{border-color:var(--p-yellow-600)!important}.border-yellow-700{border-color:var(--p-yellow-700)!important}.border-yellow-800{border-color:var(--p-yellow-800)!important}.border-yellow-900{border-color:var(--p-yellow-900)!important}.focus\\:border-yellow-50:focus{border-color:var(--p-yellow-50)!important}.focus\\:border-yellow-100:focus{border-color:var(--p-yellow-100)!important}.focus\\:border-yellow-200:focus{border-color:var(--p-yellow-200)!important}.focus\\:border-yellow-300:focus{border-color:var(--p-yellow-300)!important}.focus\\:border-yellow-400:focus{border-color:var(--p-yellow-400)!important}.focus\\:border-yellow-500:focus{border-color:var(--p-yellow-500)!important}.focus\\:border-yellow-600:focus{border-color:var(--p-yellow-600)!important}.focus\\:border-yellow-700:focus{border-color:var(--p-yellow-700)!important}.focus\\:border-yellow-800:focus{border-color:var(--p-yellow-800)!important}.focus\\:border-yellow-900:focus{border-color:var(--p-yellow-900)!important}.hover\\:border-yellow-50:hover{border-color:var(--p-yellow-50)!important}.hover\\:border-yellow-100:hover{border-color:var(--p-yellow-100)!important}.hover\\:border-yellow-200:hover{border-color:var(--p-yellow-200)!important}.hover\\:border-yellow-300:hover{border-color:var(--p-yellow-300)!important}.hover\\:border-yellow-400:hover{border-color:var(--p-yellow-400)!important}.hover\\:border-yellow-500:hover{border-color:var(--p-yellow-500)!important}.hover\\:border-yellow-600:hover{border-color:var(--p-yellow-600)!important}.hover\\:border-yellow-700:hover{border-color:var(--p-yellow-700)!important}.hover\\:border-yellow-800:hover{border-color:var(--p-yellow-800)!important}.hover\\:border-yellow-900:hover{border-color:var(--p-yellow-900)!important}.active\\:border-yellow-50:active{border-color:var(--p-yellow-50)!important}.active\\:border-yellow-100:active{border-color:var(--p-yellow-100)!important}.active\\:border-yellow-200:active{border-color:var(--p-yellow-200)!important}.active\\:border-yellow-300:active{border-color:var(--p-yellow-300)!important}.active\\:border-yellow-400:active{border-color:var(--p-yellow-400)!important}.active\\:border-yellow-500:active{border-color:var(--p-yellow-500)!important}.active\\:border-yellow-600:active{border-color:var(--p-yellow-600)!important}.active\\:border-yellow-700:active{border-color:var(--p-yellow-700)!important}.active\\:border-yellow-800:active{border-color:var(--p-yellow-800)!important}.active\\:border-yellow-900:active{border-color:var(--p-yellow-900)!important}.border-cyan-50{border-color:var(--p-cyan-50)!important}.border-cyan-100{border-color:var(--p-cyan-100)!important}.border-cyan-200{border-color:var(--p-cyan-200)!important}.border-cyan-300{border-color:var(--p-cyan-300)!important}.border-cyan-400{border-color:var(--p-cyan-400)!important}.border-cyan-500{border-color:var(--p-cyan-500)!important}.border-cyan-600{border-color:var(--p-cyan-600)!important}.border-cyan-700{border-color:var(--p-cyan-700)!important}.border-cyan-800{border-color:var(--p-cyan-800)!important}.border-cyan-900{border-color:var(--p-cyan-900)!important}.focus\\:border-cyan-50:focus{border-color:var(--p-cyan-50)!important}.focus\\:border-cyan-100:focus{border-color:var(--p-cyan-100)!important}.focus\\:border-cyan-200:focus{border-color:var(--p-cyan-200)!important}.focus\\:border-cyan-300:focus{border-color:var(--p-cyan-300)!important}.focus\\:border-cyan-400:focus{border-color:var(--p-cyan-400)!important}.focus\\:border-cyan-500:focus{border-color:var(--p-cyan-500)!important}.focus\\:border-cyan-600:focus{border-color:var(--p-cyan-600)!important}.focus\\:border-cyan-700:focus{border-color:var(--p-cyan-700)!important}.focus\\:border-cyan-800:focus{border-color:var(--p-cyan-800)!important}.focus\\:border-cyan-900:focus{border-color:var(--p-cyan-900)!important}.hover\\:border-cyan-50:hover{border-color:var(--p-cyan-50)!important}.hover\\:border-cyan-100:hover{border-color:var(--p-cyan-100)!important}.hover\\:border-cyan-200:hover{border-color:var(--p-cyan-200)!important}.hover\\:border-cyan-300:hover{border-color:var(--p-cyan-300)!important}.hover\\:border-cyan-400:hover{border-color:var(--p-cyan-400)!important}.hover\\:border-cyan-500:hover{border-color:var(--p-cyan-500)!important}.hover\\:border-cyan-600:hover{border-color:var(--p-cyan-600)!important}.hover\\:border-cyan-700:hover{border-color:var(--p-cyan-700)!important}.hover\\:border-cyan-800:hover{border-color:var(--p-cyan-800)!important}.hover\\:border-cyan-900:hover{border-color:var(--p-cyan-900)!important}.active\\:border-cyan-50:active{border-color:var(--p-cyan-50)!important}.active\\:border-cyan-100:active{border-color:var(--p-cyan-100)!important}.active\\:border-cyan-200:active{border-color:var(--p-cyan-200)!important}.active\\:border-cyan-300:active{border-color:var(--p-cyan-300)!important}.active\\:border-cyan-400:active{border-color:var(--p-cyan-400)!important}.active\\:border-cyan-500:active{border-color:var(--p-cyan-500)!important}.active\\:border-cyan-600:active{border-color:var(--p-cyan-600)!important}.active\\:border-cyan-700:active{border-color:var(--p-cyan-700)!important}.active\\:border-cyan-800:active{border-color:var(--p-cyan-800)!important}.active\\:border-cyan-900:active{border-color:var(--p-cyan-900)!important}.border-pink-50{border-color:var(--p-pink-50)!important}.border-pink-100{border-color:var(--p-pink-100)!important}.border-pink-200{border-color:var(--p-pink-200)!important}.border-pink-300{border-color:var(--p-pink-300)!important}.border-pink-400{border-color:var(--p-pink-400)!important}.border-pink-500{border-color:var(--p-pink-500)!important}.border-pink-600{border-color:var(--p-pink-600)!important}.border-pink-700{border-color:var(--p-pink-700)!important}.border-pink-800{border-color:var(--p-pink-800)!important}.border-pink-900{border-color:var(--p-pink-900)!important}.focus\\:border-pink-50:focus{border-color:var(--p-pink-50)!important}.focus\\:border-pink-100:focus{border-color:var(--p-pink-100)!important}.focus\\:border-pink-200:focus{border-color:var(--p-pink-200)!important}.focus\\:border-pink-300:focus{border-color:var(--p-pink-300)!important}.focus\\:border-pink-400:focus{border-color:var(--p-pink-400)!important}.focus\\:border-pink-500:focus{border-color:var(--p-pink-500)!important}.focus\\:border-pink-600:focus{border-color:var(--p-pink-600)!important}.focus\\:border-pink-700:focus{border-color:var(--p-pink-700)!important}.focus\\:border-pink-800:focus{border-color:var(--p-pink-800)!important}.focus\\:border-pink-900:focus{border-color:var(--p-pink-900)!important}.hover\\:border-pink-50:hover{border-color:var(--p-pink-50)!important}.hover\\:border-pink-100:hover{border-color:var(--p-pink-100)!important}.hover\\:border-pink-200:hover{border-color:var(--p-pink-200)!important}.hover\\:border-pink-300:hover{border-color:var(--p-pink-300)!important}.hover\\:border-pink-400:hover{border-color:var(--p-pink-400)!important}.hover\\:border-pink-500:hover{border-color:var(--p-pink-500)!important}.hover\\:border-pink-600:hover{border-color:var(--p-pink-600)!important}.hover\\:border-pink-700:hover{border-color:var(--p-pink-700)!important}.hover\\:border-pink-800:hover{border-color:var(--p-pink-800)!important}.hover\\:border-pink-900:hover{border-color:var(--p-pink-900)!important}.active\\:border-pink-50:active{border-color:var(--p-pink-50)!important}.active\\:border-pink-100:active{border-color:var(--p-pink-100)!important}.active\\:border-pink-200:active{border-color:var(--p-pink-200)!important}.active\\:border-pink-300:active{border-color:var(--p-pink-300)!important}.active\\:border-pink-400:active{border-color:var(--p-pink-400)!important}.active\\:border-pink-500:active{border-color:var(--p-pink-500)!important}.active\\:border-pink-600:active{border-color:var(--p-pink-600)!important}.active\\:border-pink-700:active{border-color:var(--p-pink-700)!important}.active\\:border-pink-800:active{border-color:var(--p-pink-800)!important}.active\\:border-pink-900:active{border-color:var(--p-pink-900)!important}.border-indigo-50{border-color:var(--p-indigo-50)!important}.border-indigo-100{border-color:var(--p-indigo-100)!important}.border-indigo-200{border-color:var(--p-indigo-200)!important}.border-indigo-300{border-color:var(--p-indigo-300)!important}.border-indigo-400{border-color:var(--p-indigo-400)!important}.border-indigo-500{border-color:var(--p-indigo-500)!important}.border-indigo-600{border-color:var(--p-indigo-600)!important}.border-indigo-700{border-color:var(--p-indigo-700)!important}.border-indigo-800{border-color:var(--p-indigo-800)!important}.border-indigo-900{border-color:var(--p-indigo-900)!important}.focus\\:border-indigo-50:focus{border-color:var(--p-indigo-50)!important}.focus\\:border-indigo-100:focus{border-color:var(--p-indigo-100)!important}.focus\\:border-indigo-200:focus{border-color:var(--p-indigo-200)!important}.focus\\:border-indigo-300:focus{border-color:var(--p-indigo-300)!important}.focus\\:border-indigo-400:focus{border-color:var(--p-indigo-400)!important}.focus\\:border-indigo-500:focus{border-color:var(--p-indigo-500)!important}.focus\\:border-indigo-600:focus{border-color:var(--p-indigo-600)!important}.focus\\:border-indigo-700:focus{border-color:var(--p-indigo-700)!important}.focus\\:border-indigo-800:focus{border-color:var(--p-indigo-800)!important}.focus\\:border-indigo-900:focus{border-color:var(--p-indigo-900)!important}.hover\\:border-indigo-50:hover{border-color:var(--p-indigo-50)!important}.hover\\:border-indigo-100:hover{border-color:var(--p-indigo-100)!important}.hover\\:border-indigo-200:hover{border-color:var(--p-indigo-200)!important}.hover\\:border-indigo-300:hover{border-color:var(--p-indigo-300)!important}.hover\\:border-indigo-400:hover{border-color:var(--p-indigo-400)!important}.hover\\:border-indigo-500:hover{border-color:var(--p-indigo-500)!important}.hover\\:border-indigo-600:hover{border-color:var(--p-indigo-600)!important}.hover\\:border-indigo-700:hover{border-color:var(--p-indigo-700)!important}.hover\\:border-indigo-800:hover{border-color:var(--p-indigo-800)!important}.hover\\:border-indigo-900:hover{border-color:var(--p-indigo-900)!important}.active\\:border-indigo-50:active{border-color:var(--p-indigo-50)!important}.active\\:border-indigo-100:active{border-color:var(--p-indigo-100)!important}.active\\:border-indigo-200:active{border-color:var(--p-indigo-200)!important}.active\\:border-indigo-300:active{border-color:var(--p-indigo-300)!important}.active\\:border-indigo-400:active{border-color:var(--p-indigo-400)!important}.active\\:border-indigo-500:active{border-color:var(--p-indigo-500)!important}.active\\:border-indigo-600:active{border-color:var(--p-indigo-600)!important}.active\\:border-indigo-700:active{border-color:var(--p-indigo-700)!important}.active\\:border-indigo-800:active{border-color:var(--p-indigo-800)!important}.active\\:border-indigo-900:active{border-color:var(--p-indigo-900)!important}.border-teal-50{border-color:var(--p-teal-50)!important}.border-teal-100{border-color:var(--p-teal-100)!important}.border-teal-200{border-color:var(--p-teal-200)!important}.border-teal-300{border-color:var(--p-teal-300)!important}.border-teal-400{border-color:var(--p-teal-400)!important}.border-teal-500{border-color:var(--p-teal-500)!important}.border-teal-600{border-color:var(--p-teal-600)!important}.border-teal-700{border-color:var(--p-teal-700)!important}.border-teal-800{border-color:var(--p-teal-800)!important}.border-teal-900{border-color:var(--p-teal-900)!important}.focus\\:border-teal-50:focus{border-color:var(--p-teal-50)!important}.focus\\:border-teal-100:focus{border-color:var(--p-teal-100)!important}.focus\\:border-teal-200:focus{border-color:var(--p-teal-200)!important}.focus\\:border-teal-300:focus{border-color:var(--p-teal-300)!important}.focus\\:border-teal-400:focus{border-color:var(--p-teal-400)!important}.focus\\:border-teal-500:focus{border-color:var(--p-teal-500)!important}.focus\\:border-teal-600:focus{border-color:var(--p-teal-600)!important}.focus\\:border-teal-700:focus{border-color:var(--p-teal-700)!important}.focus\\:border-teal-800:focus{border-color:var(--p-teal-800)!important}.focus\\:border-teal-900:focus{border-color:var(--p-teal-900)!important}.hover\\:border-teal-50:hover{border-color:var(--p-teal-50)!important}.hover\\:border-teal-100:hover{border-color:var(--p-teal-100)!important}.hover\\:border-teal-200:hover{border-color:var(--p-teal-200)!important}.hover\\:border-teal-300:hover{border-color:var(--p-teal-300)!important}.hover\\:border-teal-400:hover{border-color:var(--p-teal-400)!important}.hover\\:border-teal-500:hover{border-color:var(--p-teal-500)!important}.hover\\:border-teal-600:hover{border-color:var(--p-teal-600)!important}.hover\\:border-teal-700:hover{border-color:var(--p-teal-700)!important}.hover\\:border-teal-800:hover{border-color:var(--p-teal-800)!important}.hover\\:border-teal-900:hover{border-color:var(--p-teal-900)!important}.active\\:border-teal-50:active{border-color:var(--p-teal-50)!important}.active\\:border-teal-100:active{border-color:var(--p-teal-100)!important}.active\\:border-teal-200:active{border-color:var(--p-teal-200)!important}.active\\:border-teal-300:active{border-color:var(--p-teal-300)!important}.active\\:border-teal-400:active{border-color:var(--p-teal-400)!important}.active\\:border-teal-500:active{border-color:var(--p-teal-500)!important}.active\\:border-teal-600:active{border-color:var(--p-teal-600)!important}.active\\:border-teal-700:active{border-color:var(--p-teal-700)!important}.active\\:border-teal-800:active{border-color:var(--p-teal-800)!important}.active\\:border-teal-900:active{border-color:var(--p-teal-900)!important}.border-orange-50{border-color:var(--p-orange-50)!important}.border-orange-100{border-color:var(--p-orange-100)!important}.border-orange-200{border-color:var(--p-orange-200)!important}.border-orange-300{border-color:var(--p-orange-300)!important}.border-orange-400{border-color:var(--p-orange-400)!important}.border-orange-500{border-color:var(--p-orange-500)!important}.border-orange-600{border-color:var(--p-orange-600)!important}.border-orange-700{border-color:var(--p-orange-700)!important}.border-orange-800{border-color:var(--p-orange-800)!important}.border-orange-900{border-color:var(--p-orange-900)!important}.focus\\:border-orange-50:focus{border-color:var(--p-orange-50)!important}.focus\\:border-orange-100:focus{border-color:var(--p-orange-100)!important}.focus\\:border-orange-200:focus{border-color:var(--p-orange-200)!important}.focus\\:border-orange-300:focus{border-color:var(--p-orange-300)!important}.focus\\:border-orange-400:focus{border-color:var(--p-orange-400)!important}.focus\\:border-orange-500:focus{border-color:var(--p-orange-500)!important}.focus\\:border-orange-600:focus{border-color:var(--p-orange-600)!important}.focus\\:border-orange-700:focus{border-color:var(--p-orange-700)!important}.focus\\:border-orange-800:focus{border-color:var(--p-orange-800)!important}.focus\\:border-orange-900:focus{border-color:var(--p-orange-900)!important}.hover\\:border-orange-50:hover{border-color:var(--p-orange-50)!important}.hover\\:border-orange-100:hover{border-color:var(--p-orange-100)!important}.hover\\:border-orange-200:hover{border-color:var(--p-orange-200)!important}.hover\\:border-orange-300:hover{border-color:var(--p-orange-300)!important}.hover\\:border-orange-400:hover{border-color:var(--p-orange-400)!important}.hover\\:border-orange-500:hover{border-color:var(--p-orange-500)!important}.hover\\:border-orange-600:hover{border-color:var(--p-orange-600)!important}.hover\\:border-orange-700:hover{border-color:var(--p-orange-700)!important}.hover\\:border-orange-800:hover{border-color:var(--p-orange-800)!important}.hover\\:border-orange-900:hover{border-color:var(--p-orange-900)!important}.active\\:border-orange-50:active{border-color:var(--p-orange-50)!important}.active\\:border-orange-100:active{border-color:var(--p-orange-100)!important}.active\\:border-orange-200:active{border-color:var(--p-orange-200)!important}.active\\:border-orange-300:active{border-color:var(--p-orange-300)!important}.active\\:border-orange-400:active{border-color:var(--p-orange-400)!important}.active\\:border-orange-500:active{border-color:var(--p-orange-500)!important}.active\\:border-orange-600:active{border-color:var(--p-orange-600)!important}.active\\:border-orange-700:active{border-color:var(--p-orange-700)!important}.active\\:border-orange-800:active{border-color:var(--p-orange-800)!important}.active\\:border-orange-900:active{border-color:var(--p-orange-900)!important}.border-bluegray-50{border-color:var(--p-bluegray-50)!important}.border-bluegray-100{border-color:var(--p-bluegray-100)!important}.border-bluegray-200{border-color:var(--p-bluegray-200)!important}.border-bluegray-300{border-color:var(--p-bluegray-300)!important}.border-bluegray-400{border-color:var(--p-bluegray-400)!important}.border-bluegray-500{border-color:var(--p-bluegray-500)!important}.border-bluegray-600{border-color:var(--p-bluegray-600)!important}.border-bluegray-700{border-color:var(--p-bluegray-700)!important}.border-bluegray-800{border-color:var(--p-bluegray-800)!important}.border-bluegray-900{border-color:var(--p-bluegray-900)!important}.focus\\:border-bluegray-50:focus{border-color:var(--p-bluegray-50)!important}.focus\\:border-bluegray-100:focus{border-color:var(--p-bluegray-100)!important}.focus\\:border-bluegray-200:focus{border-color:var(--p-bluegray-200)!important}.focus\\:border-bluegray-300:focus{border-color:var(--p-bluegray-300)!important}.focus\\:border-bluegray-400:focus{border-color:var(--p-bluegray-400)!important}.focus\\:border-bluegray-500:focus{border-color:var(--p-bluegray-500)!important}.focus\\:border-bluegray-600:focus{border-color:var(--p-bluegray-600)!important}.focus\\:border-bluegray-700:focus{border-color:var(--p-bluegray-700)!important}.focus\\:border-bluegray-800:focus{border-color:var(--p-bluegray-800)!important}.focus\\:border-bluegray-900:focus{border-color:var(--p-bluegray-900)!important}.hover\\:border-bluegray-50:hover{border-color:var(--p-bluegray-50)!important}.hover\\:border-bluegray-100:hover{border-color:var(--p-bluegray-100)!important}.hover\\:border-bluegray-200:hover{border-color:var(--p-bluegray-200)!important}.hover\\:border-bluegray-300:hover{border-color:var(--p-bluegray-300)!important}.hover\\:border-bluegray-400:hover{border-color:var(--p-bluegray-400)!important}.hover\\:border-bluegray-500:hover{border-color:var(--p-bluegray-500)!important}.hover\\:border-bluegray-600:hover{border-color:var(--p-bluegray-600)!important}.hover\\:border-bluegray-700:hover{border-color:var(--p-bluegray-700)!important}.hover\\:border-bluegray-800:hover{border-color:var(--p-bluegray-800)!important}.hover\\:border-bluegray-900:hover{border-color:var(--p-bluegray-900)!important}.active\\:border-bluegray-50:active{border-color:var(--p-bluegray-50)!important}.active\\:border-bluegray-100:active{border-color:var(--p-bluegray-100)!important}.active\\:border-bluegray-200:active{border-color:var(--p-bluegray-200)!important}.active\\:border-bluegray-300:active{border-color:var(--p-bluegray-300)!important}.active\\:border-bluegray-400:active{border-color:var(--p-bluegray-400)!important}.active\\:border-bluegray-500:active{border-color:var(--p-bluegray-500)!important}.active\\:border-bluegray-600:active{border-color:var(--p-bluegray-600)!important}.active\\:border-bluegray-700:active{border-color:var(--p-bluegray-700)!important}.active\\:border-bluegray-800:active{border-color:var(--p-bluegray-800)!important}.active\\:border-bluegray-900:active{border-color:var(--p-bluegray-900)!important}.border-purple-50{border-color:var(--p-purple-50)!important}.border-purple-100{border-color:var(--p-purple-100)!important}.border-purple-200{border-color:var(--p-purple-200)!important}.border-purple-300{border-color:var(--p-purple-300)!important}.border-purple-400{border-color:var(--p-purple-400)!important}.border-purple-500{border-color:var(--p-purple-500)!important}.border-purple-600{border-color:var(--p-purple-600)!important}.border-purple-700{border-color:var(--p-purple-700)!important}.border-purple-800{border-color:var(--p-purple-800)!important}.border-purple-900{border-color:var(--p-purple-900)!important}.focus\\:border-purple-50:focus{border-color:var(--p-purple-50)!important}.focus\\:border-purple-100:focus{border-color:var(--p-purple-100)!important}.focus\\:border-purple-200:focus{border-color:var(--p-purple-200)!important}.focus\\:border-purple-300:focus{border-color:var(--p-purple-300)!important}.focus\\:border-purple-400:focus{border-color:var(--p-purple-400)!important}.focus\\:border-purple-500:focus{border-color:var(--p-purple-500)!important}.focus\\:border-purple-600:focus{border-color:var(--p-purple-600)!important}.focus\\:border-purple-700:focus{border-color:var(--p-purple-700)!important}.focus\\:border-purple-800:focus{border-color:var(--p-purple-800)!important}.focus\\:border-purple-900:focus{border-color:var(--p-purple-900)!important}.hover\\:border-purple-50:hover{border-color:var(--p-purple-50)!important}.hover\\:border-purple-100:hover{border-color:var(--p-purple-100)!important}.hover\\:border-purple-200:hover{border-color:var(--p-purple-200)!important}.hover\\:border-purple-300:hover{border-color:var(--p-purple-300)!important}.hover\\:border-purple-400:hover{border-color:var(--p-purple-400)!important}.hover\\:border-purple-500:hover{border-color:var(--p-purple-500)!important}.hover\\:border-purple-600:hover{border-color:var(--p-purple-600)!important}.hover\\:border-purple-700:hover{border-color:var(--p-purple-700)!important}.hover\\:border-purple-800:hover{border-color:var(--p-purple-800)!important}.hover\\:border-purple-900:hover{border-color:var(--p-purple-900)!important}.active\\:border-purple-50:active{border-color:var(--p-purple-50)!important}.active\\:border-purple-100:active{border-color:var(--p-purple-100)!important}.active\\:border-purple-200:active{border-color:var(--p-purple-200)!important}.active\\:border-purple-300:active{border-color:var(--p-purple-300)!important}.active\\:border-purple-400:active{border-color:var(--p-purple-400)!important}.active\\:border-purple-500:active{border-color:var(--p-purple-500)!important}.active\\:border-purple-600:active{border-color:var(--p-purple-600)!important}.active\\:border-purple-700:active{border-color:var(--p-purple-700)!important}.active\\:border-purple-800:active{border-color:var(--p-purple-800)!important}.active\\:border-purple-900:active{border-color:var(--p-purple-900)!important}.border-gray-50{border-color:var(--p-gray-50)!important}.border-gray-100{border-color:var(--p-gray-100)!important}.border-gray-200{border-color:var(--p-gray-200)!important}.border-gray-300{border-color:var(--p-gray-300)!important}.border-gray-400{border-color:var(--p-gray-400)!important}.border-gray-500{border-color:var(--p-gray-500)!important}.border-gray-600{border-color:var(--p-gray-600)!important}.border-gray-700{border-color:var(--p-gray-700)!important}.border-gray-800{border-color:var(--p-gray-800)!important}.border-gray-900{border-color:var(--p-gray-900)!important}.focus\\:border-gray-50:focus{border-color:var(--p-gray-50)!important}.focus\\:border-gray-100:focus{border-color:var(--p-gray-100)!important}.focus\\:border-gray-200:focus{border-color:var(--p-gray-200)!important}.focus\\:border-gray-300:focus{border-color:var(--p-gray-300)!important}.focus\\:border-gray-400:focus{border-color:var(--p-gray-400)!important}.focus\\:border-gray-500:focus{border-color:var(--p-gray-500)!important}.focus\\:border-gray-600:focus{border-color:var(--p-gray-600)!important}.focus\\:border-gray-700:focus{border-color:var(--p-gray-700)!important}.focus\\:border-gray-800:focus{border-color:var(--p-gray-800)!important}.focus\\:border-gray-900:focus{border-color:var(--p-gray-900)!important}.hover\\:border-gray-50:hover{border-color:var(--p-gray-50)!important}.hover\\:border-gray-100:hover{border-color:var(--p-gray-100)!important}.hover\\:border-gray-200:hover{border-color:var(--p-gray-200)!important}.hover\\:border-gray-300:hover{border-color:var(--p-gray-300)!important}.hover\\:border-gray-400:hover{border-color:var(--p-gray-400)!important}.hover\\:border-gray-500:hover{border-color:var(--p-gray-500)!important}.hover\\:border-gray-600:hover{border-color:var(--p-gray-600)!important}.hover\\:border-gray-700:hover{border-color:var(--p-gray-700)!important}.hover\\:border-gray-800:hover{border-color:var(--p-gray-800)!important}.hover\\:border-gray-900:hover{border-color:var(--p-gray-900)!important}.active\\:border-gray-50:active{border-color:var(--p-gray-50)!important}.active\\:border-gray-100:active{border-color:var(--p-gray-100)!important}.active\\:border-gray-200:active{border-color:var(--p-gray-200)!important}.active\\:border-gray-300:active{border-color:var(--p-gray-300)!important}.active\\:border-gray-400:active{border-color:var(--p-gray-400)!important}.active\\:border-gray-500:active{border-color:var(--p-gray-500)!important}.active\\:border-gray-600:active{border-color:var(--p-gray-600)!important}.active\\:border-gray-700:active{border-color:var(--p-gray-700)!important}.active\\:border-gray-800:active{border-color:var(--p-gray-800)!important}.active\\:border-gray-900:active{border-color:var(--p-gray-900)!important}.border-red-50{border-color:var(--p-red-50)!important}.border-red-100{border-color:var(--p-red-100)!important}.border-red-200{border-color:var(--p-red-200)!important}.border-red-300{border-color:var(--p-red-300)!important}.border-red-400{border-color:var(--p-red-400)!important}.border-red-500{border-color:var(--p-red-500)!important}.border-red-600{border-color:var(--p-red-600)!important}.border-red-700{border-color:var(--p-red-700)!important}.border-red-800{border-color:var(--p-red-800)!important}.border-red-900{border-color:var(--p-red-900)!important}.focus\\:border-red-50:focus{border-color:var(--p-red-50)!important}.focus\\:border-red-100:focus{border-color:var(--p-red-100)!important}.focus\\:border-red-200:focus{border-color:var(--p-red-200)!important}.focus\\:border-red-300:focus{border-color:var(--p-red-300)!important}.focus\\:border-red-400:focus{border-color:var(--p-red-400)!important}.focus\\:border-red-500:focus{border-color:var(--p-red-500)!important}.focus\\:border-red-600:focus{border-color:var(--p-red-600)!important}.focus\\:border-red-700:focus{border-color:var(--p-red-700)!important}.focus\\:border-red-800:focus{border-color:var(--p-red-800)!important}.focus\\:border-red-900:focus{border-color:var(--p-red-900)!important}.hover\\:border-red-50:hover{border-color:var(--p-red-50)!important}.hover\\:border-red-100:hover{border-color:var(--p-red-100)!important}.hover\\:border-red-200:hover{border-color:var(--p-red-200)!important}.hover\\:border-red-300:hover{border-color:var(--p-red-300)!important}.hover\\:border-red-400:hover{border-color:var(--p-red-400)!important}.hover\\:border-red-500:hover{border-color:var(--p-red-500)!important}.hover\\:border-red-600:hover{border-color:var(--p-red-600)!important}.hover\\:border-red-700:hover{border-color:var(--p-red-700)!important}.hover\\:border-red-800:hover{border-color:var(--p-red-800)!important}.hover\\:border-red-900:hover{border-color:var(--p-red-900)!important}.active\\:border-red-50:active{border-color:var(--p-red-50)!important}.active\\:border-red-100:active{border-color:var(--p-red-100)!important}.active\\:border-red-200:active{border-color:var(--p-red-200)!important}.active\\:border-red-300:active{border-color:var(--p-red-300)!important}.active\\:border-red-400:active{border-color:var(--p-red-400)!important}.active\\:border-red-500:active{border-color:var(--p-red-500)!important}.active\\:border-red-600:active{border-color:var(--p-red-600)!important}.active\\:border-red-700:active{border-color:var(--p-red-700)!important}.active\\:border-red-800:active{border-color:var(--p-red-800)!important}.active\\:border-red-900:active{border-color:var(--p-red-900)!important}.border-primary-50{border-color:var(--p-primary-50)!important}.border-primary-100{border-color:var(--p-primary-100)!important}.border-primary-200{border-color:var(--p-primary-200)!important}.border-primary-300{border-color:var(--p-primary-300)!important}.border-primary-400{border-color:var(--p-primary-400)!important}.border-primary-500{border-color:var(--p-primary-500)!important}.border-primary-600{border-color:var(--p-primary-600)!important}.border-primary-700{border-color:var(--p-primary-700)!important}.border-primary-800{border-color:var(--p-primary-800)!important}.border-primary-900{border-color:var(--p-primary-900)!important}.focus\\:border-primary-50:focus{border-color:var(--p-primary-50)!important}.focus\\:border-primary-100:focus{border-color:var(--p-primary-100)!important}.focus\\:border-primary-200:focus{border-color:var(--p-primary-200)!important}.focus\\:border-primary-300:focus{border-color:var(--p-primary-300)!important}.focus\\:border-primary-400:focus{border-color:var(--p-primary-400)!important}.focus\\:border-primary-500:focus{border-color:var(--p-primary-500)!important}.focus\\:border-primary-600:focus{border-color:var(--p-primary-600)!important}.focus\\:border-primary-700:focus{border-color:var(--p-primary-700)!important}.focus\\:border-primary-800:focus{border-color:var(--p-primary-800)!important}.focus\\:border-primary-900:focus{border-color:var(--p-primary-900)!important}.hover\\:border-primary-50:hover{border-color:var(--p-primary-50)!important}.hover\\:border-primary-100:hover{border-color:var(--p-primary-100)!important}.hover\\:border-primary-200:hover{border-color:var(--p-primary-200)!important}.hover\\:border-primary-300:hover{border-color:var(--p-primary-300)!important}.hover\\:border-primary-400:hover{border-color:var(--p-primary-400)!important}.hover\\:border-primary-500:hover{border-color:var(--p-primary-500)!important}.hover\\:border-primary-600:hover{border-color:var(--p-primary-600)!important}.hover\\:border-primary-700:hover{border-color:var(--p-primary-700)!important}.hover\\:border-primary-800:hover{border-color:var(--p-primary-800)!important}.hover\\:border-primary-900:hover{border-color:var(--p-primary-900)!important}.active\\:border-primary-50:active{border-color:var(--p-primary-50)!important}.active\\:border-primary-100:active{border-color:var(--p-primary-100)!important}.active\\:border-primary-200:active{border-color:var(--p-primary-200)!important}.active\\:border-primary-300:active{border-color:var(--p-primary-300)!important}.active\\:border-primary-400:active{border-color:var(--p-primary-400)!important}.active\\:border-primary-500:active{border-color:var(--p-primary-500)!important}.active\\:border-primary-600:active{border-color:var(--p-primary-600)!important}.active\\:border-primary-700:active{border-color:var(--p-primary-700)!important}.active\\:border-primary-800:active{border-color:var(--p-primary-800)!important}.active\\:border-primary-900:active{border-color:var(--p-primary-900)!important}.bg-white-alpha-10{background-color:#ffffff1a!important}.bg-white-alpha-20{background-color:#fff3!important}.bg-white-alpha-30{background-color:#ffffff4d!important}.bg-white-alpha-40{background-color:#fff6!important}.bg-white-alpha-50{background-color:#ffffff80!important}.bg-white-alpha-60{background-color:#fff9!important}.bg-white-alpha-70{background-color:#ffffffb3!important}.bg-white-alpha-80{background-color:#fffc!important}.bg-white-alpha-90{background-color:#ffffffe6!important}.hover\\:bg-white-alpha-10:hover{background-color:#ffffff1a!important}.hover\\:bg-white-alpha-20:hover{background-color:#fff3!important}.hover\\:bg-white-alpha-30:hover{background-color:#ffffff4d!important}.hover\\:bg-white-alpha-40:hover{background-color:#fff6!important}.hover\\:bg-white-alpha-50:hover{background-color:#ffffff80!important}.hover\\:bg-white-alpha-60:hover{background-color:#fff9!important}.hover\\:bg-white-alpha-70:hover{background-color:#ffffffb3!important}.hover\\:bg-white-alpha-80:hover{background-color:#fffc!important}.hover\\:bg-white-alpha-90:hover{background-color:#ffffffe6!important}.focus\\:bg-white-alpha-10:focus{background-color:#ffffff1a!important}.focus\\:bg-white-alpha-20:focus{background-color:#fff3!important}.focus\\:bg-white-alpha-30:focus{background-color:#ffffff4d!important}.focus\\:bg-white-alpha-40:focus{background-color:#fff6!important}.focus\\:bg-white-alpha-50:focus{background-color:#ffffff80!important}.focus\\:bg-white-alpha-60:focus{background-color:#fff9!important}.focus\\:bg-white-alpha-70:focus{background-color:#ffffffb3!important}.focus\\:bg-white-alpha-80:focus{background-color:#fffc!important}.focus\\:bg-white-alpha-90:focus{background-color:#ffffffe6!important}.active\\:bg-white-alpha-10:active{background-color:#ffffff1a!important}.active\\:bg-white-alpha-20:active{background-color:#fff3!important}.active\\:bg-white-alpha-30:active{background-color:#ffffff4d!important}.active\\:bg-white-alpha-40:active{background-color:#fff6!important}.active\\:bg-white-alpha-50:active{background-color:#ffffff80!important}.active\\:bg-white-alpha-60:active{background-color:#fff9!important}.active\\:bg-white-alpha-70:active{background-color:#ffffffb3!important}.active\\:bg-white-alpha-80:active{background-color:#fffc!important}.active\\:bg-white-alpha-90:active{background-color:#ffffffe6!important}.bg-black-alpha-10{background-color:#0000001a!important}.bg-black-alpha-20{background-color:#0003!important}.bg-black-alpha-30{background-color:#0000004d!important}.bg-black-alpha-40{background-color:#0006!important}.bg-black-alpha-50{background-color:#00000080!important}.bg-black-alpha-60{background-color:#0009!important}.bg-black-alpha-70{background-color:#000000b3!important}.bg-black-alpha-80{background-color:#000c!important}.bg-black-alpha-90{background-color:#000000e6!important}.hover\\:bg-black-alpha-10:hover{background-color:#0000001a!important}.hover\\:bg-black-alpha-20:hover{background-color:#0003!important}.hover\\:bg-black-alpha-30:hover{background-color:#0000004d!important}.hover\\:bg-black-alpha-40:hover{background-color:#0006!important}.hover\\:bg-black-alpha-50:hover{background-color:#00000080!important}.hover\\:bg-black-alpha-60:hover{background-color:#0009!important}.hover\\:bg-black-alpha-70:hover{background-color:#000000b3!important}.hover\\:bg-black-alpha-80:hover{background-color:#000c!important}.hover\\:bg-black-alpha-90:hover{background-color:#000000e6!important}.focus\\:bg-black-alpha-10:focus{background-color:#0000001a!important}.focus\\:bg-black-alpha-20:focus{background-color:#0003!important}.focus\\:bg-black-alpha-30:focus{background-color:#0000004d!important}.focus\\:bg-black-alpha-40:focus{background-color:#0006!important}.focus\\:bg-black-alpha-50:focus{background-color:#00000080!important}.focus\\:bg-black-alpha-60:focus{background-color:#0009!important}.focus\\:bg-black-alpha-70:focus{background-color:#000000b3!important}.focus\\:bg-black-alpha-80:focus{background-color:#000c!important}.focus\\:bg-black-alpha-90:focus{background-color:#000000e6!important}.active\\:bg-black-alpha-10:active{background-color:#0000001a!important}.active\\:bg-black-alpha-20:active{background-color:#0003!important}.active\\:bg-black-alpha-30:active{background-color:#0000004d!important}.active\\:bg-black-alpha-40:active{background-color:#0006!important}.active\\:bg-black-alpha-50:active{background-color:#00000080!important}.active\\:bg-black-alpha-60:active{background-color:#0009!important}.active\\:bg-black-alpha-70:active{background-color:#000000b3!important}.active\\:bg-black-alpha-80:active{background-color:#000c!important}.active\\:bg-black-alpha-90:active{background-color:#000000e6!important}.border-white-alpha-10{border-color:#ffffff1a!important}.border-white-alpha-20{border-color:#fff3!important}.border-white-alpha-30{border-color:#ffffff4d!important}.border-white-alpha-40{border-color:#fff6!important}.border-white-alpha-50{border-color:#ffffff80!important}.border-white-alpha-60{border-color:#fff9!important}.border-white-alpha-70{border-color:#ffffffb3!important}.border-white-alpha-80{border-color:#fffc!important}.border-white-alpha-90{border-color:#ffffffe6!important}.hover\\:border-white-alpha-10:hover{border-color:#ffffff1a!important}.hover\\:border-white-alpha-20:hover{border-color:#fff3!important}.hover\\:border-white-alpha-30:hover{border-color:#ffffff4d!important}.hover\\:border-white-alpha-40:hover{border-color:#fff6!important}.hover\\:border-white-alpha-50:hover{border-color:#ffffff80!important}.hover\\:border-white-alpha-60:hover{border-color:#fff9!important}.hover\\:border-white-alpha-70:hover{border-color:#ffffffb3!important}.hover\\:border-white-alpha-80:hover{border-color:#fffc!important}.hover\\:border-white-alpha-90:hover{border-color:#ffffffe6!important}.focus\\:border-white-alpha-10:focus{border-color:#ffffff1a!important}.focus\\:border-white-alpha-20:focus{border-color:#fff3!important}.focus\\:border-white-alpha-30:focus{border-color:#ffffff4d!important}.focus\\:border-white-alpha-40:focus{border-color:#fff6!important}.focus\\:border-white-alpha-50:focus{border-color:#ffffff80!important}.focus\\:border-white-alpha-60:focus{border-color:#fff9!important}.focus\\:border-white-alpha-70:focus{border-color:#ffffffb3!important}.focus\\:border-white-alpha-80:focus{border-color:#fffc!important}.focus\\:border-white-alpha-90:focus{border-color:#ffffffe6!important}.active\\:border-white-alpha-10:active{border-color:#ffffff1a!important}.active\\:border-white-alpha-20:active{border-color:#fff3!important}.active\\:border-white-alpha-30:active{border-color:#ffffff4d!important}.active\\:border-white-alpha-40:active{border-color:#fff6!important}.active\\:border-white-alpha-50:active{border-color:#ffffff80!important}.active\\:border-white-alpha-60:active{border-color:#fff9!important}.active\\:border-white-alpha-70:active{border-color:#ffffffb3!important}.active\\:border-white-alpha-80:active{border-color:#fffc!important}.active\\:border-white-alpha-90:active{border-color:#ffffffe6!important}.border-black-alpha-10{border-color:#0000001a!important}.border-black-alpha-20{border-color:#0003!important}.border-black-alpha-30{border-color:#0000004d!important}.border-black-alpha-40{border-color:#0006!important}.border-black-alpha-50{border-color:#00000080!important}.border-black-alpha-60{border-color:#0009!important}.border-black-alpha-70{border-color:#000000b3!important}.border-black-alpha-80{border-color:#000c!important}.border-black-alpha-90{border-color:#000000e6!important}.hover\\:border-black-alpha-10:hover{border-color:#0000001a!important}.hover\\:border-black-alpha-20:hover{border-color:#0003!important}.hover\\:border-black-alpha-30:hover{border-color:#0000004d!important}.hover\\:border-black-alpha-40:hover{border-color:#0006!important}.hover\\:border-black-alpha-50:hover{border-color:#00000080!important}.hover\\:border-black-alpha-60:hover{border-color:#0009!important}.hover\\:border-black-alpha-70:hover{border-color:#000000b3!important}.hover\\:border-black-alpha-80:hover{border-color:#000c!important}.hover\\:border-black-alpha-90:hover{border-color:#000000e6!important}.focus\\:border-black-alpha-10:focus{border-color:#0000001a!important}.focus\\:border-black-alpha-20:focus{border-color:#0003!important}.focus\\:border-black-alpha-30:focus{border-color:#0000004d!important}.focus\\:border-black-alpha-40:focus{border-color:#0006!important}.focus\\:border-black-alpha-50:focus{border-color:#00000080!important}.focus\\:border-black-alpha-60:focus{border-color:#0009!important}.focus\\:border-black-alpha-70:focus{border-color:#000000b3!important}.focus\\:border-black-alpha-80:focus{border-color:#000c!important}.focus\\:border-black-alpha-90:focus{border-color:#000000e6!important}.active\\:border-black-alpha-10:active{border-color:#0000001a!important}.active\\:border-black-alpha-20:active{border-color:#0003!important}.active\\:border-black-alpha-30:active{border-color:#0000004d!important}.active\\:border-black-alpha-40:active{border-color:#0006!important}.active\\:border-black-alpha-50:active{border-color:#00000080!important}.active\\:border-black-alpha-60:active{border-color:#0009!important}.active\\:border-black-alpha-70:active{border-color:#000000b3!important}.active\\:border-black-alpha-80:active{border-color:#000c!important}.active\\:border-black-alpha-90:active{border-color:#000000e6!important}.text-white-alpha-10{color:#ffffff1a!important}.text-white-alpha-20{color:#fff3!important}.text-white-alpha-30{color:#ffffff4d!important}.text-white-alpha-40{color:#fff6!important}.text-white-alpha-50{color:#ffffff80!important}.text-white-alpha-60{color:#fff9!important}.text-white-alpha-70{color:#ffffffb3!important}.text-white-alpha-80{color:#fffc!important}.text-white-alpha-90{color:#ffffffe6!important}.hover\\:text-white-alpha-10:hover{color:#ffffff1a!important}.hover\\:text-white-alpha-20:hover{color:#fff3!important}.hover\\:text-white-alpha-30:hover{color:#ffffff4d!important}.hover\\:text-white-alpha-40:hover{color:#fff6!important}.hover\\:text-white-alpha-50:hover{color:#ffffff80!important}.hover\\:text-white-alpha-60:hover{color:#fff9!important}.hover\\:text-white-alpha-70:hover{color:#ffffffb3!important}.hover\\:text-white-alpha-80:hover{color:#fffc!important}.hover\\:text-white-alpha-90:hover{color:#ffffffe6!important}.focus\\:text-white-alpha-10:focus{color:#ffffff1a!important}.focus\\:text-white-alpha-20:focus{color:#fff3!important}.focus\\:text-white-alpha-30:focus{color:#ffffff4d!important}.focus\\:text-white-alpha-40:focus{color:#fff6!important}.focus\\:text-white-alpha-50:focus{color:#ffffff80!important}.focus\\:text-white-alpha-60:focus{color:#fff9!important}.focus\\:text-white-alpha-70:focus{color:#ffffffb3!important}.focus\\:text-white-alpha-80:focus{color:#fffc!important}.focus\\:text-white-alpha-90:focus{color:#ffffffe6!important}.active\\:text-white-alpha-10:active{color:#ffffff1a!important}.active\\:text-white-alpha-20:active{color:#fff3!important}.active\\:text-white-alpha-30:active{color:#ffffff4d!important}.active\\:text-white-alpha-40:active{color:#fff6!important}.active\\:text-white-alpha-50:active{color:#ffffff80!important}.active\\:text-white-alpha-60:active{color:#fff9!important}.active\\:text-white-alpha-70:active{color:#ffffffb3!important}.active\\:text-white-alpha-80:active{color:#fffc!important}.active\\:text-white-alpha-90:active{color:#ffffffe6!important}.text-black-alpha-10{color:#0000001a!important}.text-black-alpha-20{color:#0003!important}.text-black-alpha-30{color:#0000004d!important}.text-black-alpha-40{color:#0006!important}.text-black-alpha-50{color:#00000080!important}.text-black-alpha-60{color:#0009!important}.text-black-alpha-70{color:#000000b3!important}.text-black-alpha-80{color:#000c!important}.text-black-alpha-90{color:#000000e6!important}.hover\\:text-black-alpha-10:hover{color:#0000001a!important}.hover\\:text-black-alpha-20:hover{color:#0003!important}.hover\\:text-black-alpha-30:hover{color:#0000004d!important}.hover\\:text-black-alpha-40:hover{color:#0006!important}.hover\\:text-black-alpha-50:hover{color:#00000080!important}.hover\\:text-black-alpha-60:hover{color:#0009!important}.hover\\:text-black-alpha-70:hover{color:#000000b3!important}.hover\\:text-black-alpha-80:hover{color:#000c!important}.hover\\:text-black-alpha-90:hover{color:#000000e6!important}.focus\\:text-black-alpha-10:focus{color:#0000001a!important}.focus\\:text-black-alpha-20:focus{color:#0003!important}.focus\\:text-black-alpha-30:focus{color:#0000004d!important}.focus\\:text-black-alpha-40:focus{color:#0006!important}.focus\\:text-black-alpha-50:focus{color:#00000080!important}.focus\\:text-black-alpha-60:focus{color:#0009!important}.focus\\:text-black-alpha-70:focus{color:#000000b3!important}.focus\\:text-black-alpha-80:focus{color:#000c!important}.focus\\:text-black-alpha-90:focus{color:#000000e6!important}.active\\:text-black-alpha-10:active{color:#0000001a!important}.active\\:text-black-alpha-20:active{color:#0003!important}.active\\:text-black-alpha-30:active{color:#0000004d!important}.active\\:text-black-alpha-40:active{color:#0006!important}.active\\:text-black-alpha-50:active{color:#00000080!important}.active\\:text-black-alpha-60:active{color:#0009!important}.active\\:text-black-alpha-70:active{color:#000000b3!important}.active\\:text-black-alpha-80:active{color:#000c!important}.active\\:text-black-alpha-90:active{color:#000000e6!important}.text-primary{color:var(--p-primary-color)!important}.bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.bg-white{background-color:#fff!important}.border-primary{border-color:var(--p-primary-color)!important}.text-white{color:#fff!important}.border-white{border-color:#fff!important}.text-color{color:var(--p-text-color)!important}.text-color-secondary{color:var(--p-text-muted-color)!important}.surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.surface-card,.surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.focus\\:text-primary:focus{color:var(--p-primary-color)!important}.hover\\:text-primary:hover,.active\\:text-primary:active{color:var(--p-primary-color)!important}.focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.hover\\:bg-primary:hover,.active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.hover\\:bg-primary-reverse:hover,.active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.focus\\:bg-white:focus{background-color:#fff!important}.hover\\:bg-white:hover,.active\\:bg-white:active{background-color:#fff!important}.focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.hover\\:border-primary:hover,.active\\:border-primary:active{border-color:var(--p-primary-color)!important}.focus\\:text-white:focus{color:#fff!important}.hover\\:text-white:hover,.active\\:text-white:active{color:#fff!important}.focus\\:border-white:focus{border-color:#fff!important}.hover\\:border-white:hover,.active\\:border-white:active{border-color:#fff!important}.focus\\:text-color:focus{color:var(--p-text-color)!important}.hover\\:text-color:hover,.active\\:text-color:active{color:var(--p-text-color)!important}.focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.hover\\:text-color-secondary:hover,.active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.hover\\:surface-ground:hover,.active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.hover\\:surface-section:hover,.active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:surface-card:hover,.active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.hover\\:surface-overlay:hover,.active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.hover\\:surface-hover:hover,.active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.hover\\:surface-border:hover,.active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}@media screen and (min-width:576px){.sm\\:text-primary{color:var(--p-primary-color)!important}.sm\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.sm\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.sm\\:bg-white{background-color:#fff!important}.sm\\:border-primary{border-color:var(--p-primary-color)!important}.sm\\:text-white{color:#fff!important}.sm\\:border-white{border-color:#fff!important}.sm\\:text-color{color:var(--p-text-color)!important}.sm\\:text-color-secondary{color:var(--p-text-muted-color)!important}.sm\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.sm\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.sm\\:surface-card,.sm\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.sm\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.sm\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.sm\\:hover\\:text-primary:hover,.sm\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.sm\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.sm\\:hover\\:bg-primary:hover,.sm\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.sm\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.sm\\:hover\\:bg-primary-reverse:hover,.sm\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.sm\\:focus\\:bg-white:focus{background-color:#fff!important}.sm\\:hover\\:bg-white:hover,.sm\\:active\\:bg-white:active{background-color:#fff!important}.sm\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.sm\\:hover\\:border-primary:hover,.sm\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.sm\\:focus\\:text-white:focus{color:#fff!important}.sm\\:hover\\:text-white:hover,.sm\\:active\\:text-white:active{color:#fff!important}.sm\\:focus\\:border-white:focus{border-color:#fff!important}.sm\\:hover\\:border-white:hover,.sm\\:active\\:border-white:active{border-color:#fff!important}.sm\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.sm\\:hover\\:text-color:hover,.sm\\:active\\:text-color:active{color:var(--p-text-color)!important}.sm\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.sm\\:hover\\:text-color-secondary:hover,.sm\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.sm\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.sm\\:hover\\:surface-ground:hover,.sm\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.sm\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.sm\\:hover\\:surface-section:hover,.sm\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.sm\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:hover\\:surface-card:hover,.sm\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:hover\\:surface-overlay:hover,.sm\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.sm\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.sm\\:hover\\:surface-hover:hover,.sm\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.sm\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.sm\\:hover\\:surface-border:hover,.sm\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}@media screen and (min-width:768px){.md\\:text-primary{color:var(--p-primary-color)!important}.md\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.md\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.md\\:bg-white{background-color:#fff!important}.md\\:border-primary{border-color:var(--p-primary-color)!important}.md\\:text-white{color:#fff!important}.md\\:border-white{border-color:#fff!important}.md\\:text-color{color:var(--p-text-color)!important}.md\\:text-color-secondary{color:var(--p-text-muted-color)!important}.md\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.md\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.md\\:surface-card,.md\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.md\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.md\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.md\\:hover\\:text-primary:hover,.md\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.md\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.md\\:hover\\:bg-primary:hover,.md\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.md\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.md\\:hover\\:bg-primary-reverse:hover,.md\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.md\\:focus\\:bg-white:focus{background-color:#fff!important}.md\\:hover\\:bg-white:hover,.md\\:active\\:bg-white:active{background-color:#fff!important}.md\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.md\\:hover\\:border-primary:hover,.md\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.md\\:focus\\:text-white:focus{color:#fff!important}.md\\:hover\\:text-white:hover,.md\\:active\\:text-white:active{color:#fff!important}.md\\:focus\\:border-white:focus{border-color:#fff!important}.md\\:hover\\:border-white:hover,.md\\:active\\:border-white:active{border-color:#fff!important}.md\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.md\\:hover\\:text-color:hover,.md\\:active\\:text-color:active{color:var(--p-text-color)!important}.md\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.md\\:hover\\:text-color-secondary:hover,.md\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.md\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.md\\:hover\\:surface-ground:hover,.md\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.md\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.md\\:hover\\:surface-section:hover,.md\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.md\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:hover\\:surface-card:hover,.md\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:hover\\:surface-overlay:hover,.md\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.md\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.md\\:hover\\:surface-hover:hover,.md\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.md\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.md\\:hover\\:surface-border:hover,.md\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}@media screen and (min-width:992px){.lg\\:text-primary{color:var(--p-primary-color)!important}.lg\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.lg\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.lg\\:bg-white{background-color:#fff!important}.lg\\:border-primary{border-color:var(--p-primary-color)!important}.lg\\:text-white{color:#fff!important}.lg\\:border-white{border-color:#fff!important}.lg\\:text-color{color:var(--p-text-color)!important}.lg\\:text-color-secondary{color:var(--p-text-muted-color)!important}.lg\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.lg\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.lg\\:surface-card,.lg\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.lg\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.lg\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.lg\\:hover\\:text-primary:hover,.lg\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.lg\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.lg\\:hover\\:bg-primary:hover,.lg\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.lg\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.lg\\:hover\\:bg-primary-reverse:hover,.lg\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.lg\\:focus\\:bg-white:focus{background-color:#fff!important}.lg\\:hover\\:bg-white:hover,.lg\\:active\\:bg-white:active{background-color:#fff!important}.lg\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.lg\\:hover\\:border-primary:hover,.lg\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.lg\\:focus\\:text-white:focus{color:#fff!important}.lg\\:hover\\:text-white:hover,.lg\\:active\\:text-white:active{color:#fff!important}.lg\\:focus\\:border-white:focus{border-color:#fff!important}.lg\\:hover\\:border-white:hover,.lg\\:active\\:border-white:active{border-color:#fff!important}.lg\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.lg\\:hover\\:text-color:hover,.lg\\:active\\:text-color:active{color:var(--p-text-color)!important}.lg\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.lg\\:hover\\:text-color-secondary:hover,.lg\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.lg\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.lg\\:hover\\:surface-ground:hover,.lg\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.lg\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.lg\\:hover\\:surface-section:hover,.lg\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.lg\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:hover\\:surface-card:hover,.lg\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:hover\\:surface-overlay:hover,.lg\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.lg\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.lg\\:hover\\:surface-hover:hover,.lg\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.lg\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.lg\\:hover\\:surface-border:hover,.lg\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}@media screen and (min-width:1200px){.xl\\:text-primary{color:var(--p-primary-color)!important}.xl\\:bg-primary{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.xl\\:bg-primary-reverse{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.xl\\:bg-white{background-color:#fff!important}.xl\\:border-primary{border-color:var(--p-primary-color)!important}.xl\\:text-white{color:#fff!important}.xl\\:border-white{border-color:#fff!important}.xl\\:text-color{color:var(--p-text-color)!important}.xl\\:text-color-secondary{color:var(--p-text-muted-color)!important}.xl\\:surface-ground{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.xl\\:surface-section{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.xl\\:surface-card,.xl\\:surface-overlay{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:surface-hover{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.xl\\:surface-border{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.xl\\:focus\\:text-primary:focus{color:var(--p-primary-color)!important}.xl\\:hover\\:text-primary:hover,.xl\\:active\\:text-primary:active{color:var(--p-primary-color)!important}.xl\\:focus\\:bg-primary:focus{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.xl\\:hover\\:bg-primary:hover,.xl\\:active\\:bg-primary:active{color:var(--p-primary-contrast-color)!important;background-color:var(--p-primary-color)!important}.xl\\:focus\\:bg-primary-reverse:focus{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.xl\\:hover\\:bg-primary-reverse:hover,.xl\\:active\\:bg-primary-reverse:active{color:var(--p-primary-color)!important;background-color:var(--p-primary-contrast-color)!important}.xl\\:focus\\:bg-white:focus{background-color:#fff!important}.xl\\:hover\\:bg-white:hover,.xl\\:active\\:bg-white:active{background-color:#fff!important}.xl\\:focus\\:border-primary:focus{border-color:var(--p-primary-color)!important}.xl\\:hover\\:border-primary:hover,.xl\\:active\\:border-primary:active{border-color:var(--p-primary-color)!important}.xl\\:focus\\:text-white:focus{color:#fff!important}.xl\\:hover\\:text-white:hover,.xl\\:active\\:text-white:active{color:#fff!important}.xl\\:focus\\:border-white:focus{border-color:#fff!important}.xl\\:hover\\:border-white:hover,.xl\\:active\\:border-white:active{border-color:#fff!important}.xl\\:focus\\:text-color:focus{color:var(--p-text-color)!important}.xl\\:hover\\:text-color:hover,.xl\\:active\\:text-color:active{color:var(--p-text-color)!important}.xl\\:focus\\:text-color-secondary:focus{color:var(--p-text-muted-color)!important}.xl\\:hover\\:text-color-secondary:hover,.xl\\:active\\:text-color-secondary:active{color:var(--p-text-muted-color)!important}.xl\\:focus\\:surface-ground:focus{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.xl\\:hover\\:surface-ground:hover,.xl\\:active\\:surface-ground:active{background-color:light-dark(var(--p-surface-50),var(--p-surface-950))!important}.xl\\:focus\\:surface-section:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.xl\\:hover\\:surface-section:hover,.xl\\:active\\:surface-section:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-950))!important}.xl\\:focus\\:surface-card:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:hover\\:surface-card:hover,.xl\\:active\\:surface-card:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:focus\\:surface-overlay:focus{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:hover\\:surface-overlay:hover,.xl\\:active\\:surface-overlay:active{background-color:light-dark(var(--p-surface-0),var(--p-surface-900))!important}.xl\\:focus\\:surface-hover:focus{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.xl\\:hover\\:surface-hover:hover,.xl\\:active\\:surface-hover:active{background-color:light-dark(var(--p-surface-800),var(--p-surface-100))!important}.xl\\:focus\\:surface-border:focus{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}.xl\\:hover\\:surface-border:hover,.xl\\:active\\:surface-border:active{border-color:light-dark(var(--p-surface-200),var(--p-surface-700))!important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}@media screen and (min-width:576px){.sm\\:hidden{display:none!important}.sm\\:block{display:block!important}.sm\\:inline{display:inline!important}.sm\\:inline-block{display:inline-block!important}.sm\\:flex{display:flex!important}.sm\\:inline-flex{display:inline-flex!important}}@media screen and (min-width:768px){.md\\:hidden{display:none!important}.md\\:block{display:block!important}.md\\:inline{display:inline!important}.md\\:inline-block{display:inline-block!important}.md\\:flex{display:flex!important}.md\\:inline-flex{display:inline-flex!important}}@media screen and (min-width:992px){.lg\\:hidden{display:none!important}.lg\\:block{display:block!important}.lg\\:inline{display:inline!important}.lg\\:inline-block{display:inline-block!important}.lg\\:flex{display:flex!important}.lg\\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1200px){.xl\\:hidden{display:none!important}.xl\\:block{display:block!important}.xl\\:inline{display:inline!important}.xl\\:inline-block{display:inline-block!important}.xl\\:flex{display:flex!important}.xl\\:inline-flex{display:inline-flex!important}}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-left{text-align:left!important}.text-right{text-align:right!important}@media screen and (min-width:576px){.sm\\:text-center{text-align:center!important}.sm\\:text-justify{text-align:justify!important}.sm\\:text-left{text-align:left!important}.sm\\:text-right{text-align:right!important}}@media screen and (min-width:768px){.md\\:text-center{text-align:center!important}.md\\:text-justify{text-align:justify!important}.md\\:text-left{text-align:left!important}.md\\:text-right{text-align:right!important}}@media screen and (min-width:992px){.lg\\:text-center{text-align:center!important}.lg\\:text-justify{text-align:justify!important}.lg\\:text-left{text-align:left!important}.lg\\:text-right{text-align:right!important}}@media screen and (min-width:1200px){.xl\\:text-center{text-align:center!important}.xl\\:text-justify{text-align:justify!important}.xl\\:text-left{text-align:left!important}.xl\\:text-right{text-align:right!important}}.underline{text-decoration:underline!important}.line-through{text-decoration:line-through!important}.no-underline{text-decoration:none!important}.focus\\:underline:focus{text-decoration:underline!important}.hover\\:underline:hover,.active\\:underline:active{text-decoration:underline!important}.focus\\:line-through:focus{text-decoration:line-through!important}.hover\\:line-through:hover,.active\\:line-through:active{text-decoration:line-through!important}.focus\\:no-underline:focus{text-decoration:none!important}.hover\\:no-underline:hover,.active\\:no-underline:active{text-decoration:none!important}.lowercase{text-transform:lowercase!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.text-overflow-clip{text-overflow:clip!important}.text-overflow-ellipsis{text-overflow:ellipsis!important}@media screen and (min-width:576px){.sm\\:text-overflow-clip{text-overflow:clip!important}.sm\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}@media screen and (min-width:768px){.md\\:text-overflow-clip{text-overflow:clip!important}.md\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}@media screen and (min-width:992px){.lg\\:text-overflow-clip{text-overflow:clip!important}.lg\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}@media screen and (min-width:1200px){.xl\\:text-overflow-clip{text-overflow:clip!important}.xl\\:text-overflow-ellipsis{text-overflow:ellipsis!important}}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}@media screen and (min-width:576px){.sm\\:font-light{font-weight:300!important}.sm\\:font-normal{font-weight:400!important}.sm\\:font-medium{font-weight:500!important}.sm\\:font-semibold{font-weight:600!important}.sm\\:font-bold{font-weight:700!important}}@media screen and (min-width:768px){.md\\:font-light{font-weight:300!important}.md\\:font-normal{font-weight:400!important}.md\\:font-medium{font-weight:500!important}.md\\:font-semibold{font-weight:600!important}.md\\:font-bold{font-weight:700!important}}@media screen and (min-width:992px){.lg\\:font-light{font-weight:300!important}.lg\\:font-normal{font-weight:400!important}.lg\\:font-medium{font-weight:500!important}.lg\\:font-semibold{font-weight:600!important}.lg\\:font-bold{font-weight:700!important}}@media screen and (min-width:1200px){.xl\\:font-light{font-weight:300!important}.xl\\:font-normal{font-weight:400!important}.xl\\:font-medium{font-weight:500!important}.xl\\:font-semibold{font-weight:600!important}.xl\\:font-bold{font-weight:700!important}}.font-italic{font-style:italic!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.75rem!important}.text-4xl{font-size:2rem!important}.text-5xl{font-size:2.5rem!important}.text-6xl{font-size:3rem!important}.text-7xl{font-size:4rem!important}.text-8xl{font-size:6rem!important}@media screen and (min-width:576px){.sm\\:text-xs{font-size:.75rem!important}.sm\\:text-sm{font-size:.875rem!important}.sm\\:text-base{font-size:1rem!important}.sm\\:text-lg{font-size:1.125rem!important}.sm\\:text-xl{font-size:1.25rem!important}.sm\\:text-2xl{font-size:1.5rem!important}.sm\\:text-3xl{font-size:1.75rem!important}.sm\\:text-4xl{font-size:2rem!important}.sm\\:text-5xl{font-size:2.5rem!important}.sm\\:text-6xl{font-size:3rem!important}.sm\\:text-7xl{font-size:4rem!important}.sm\\:text-8xl{font-size:6rem!important}}@media screen and (min-width:768px){.md\\:text-xs{font-size:.75rem!important}.md\\:text-sm{font-size:.875rem!important}.md\\:text-base{font-size:1rem!important}.md\\:text-lg{font-size:1.125rem!important}.md\\:text-xl{font-size:1.25rem!important}.md\\:text-2xl{font-size:1.5rem!important}.md\\:text-3xl{font-size:1.75rem!important}.md\\:text-4xl{font-size:2rem!important}.md\\:text-5xl{font-size:2.5rem!important}.md\\:text-6xl{font-size:3rem!important}.md\\:text-7xl{font-size:4rem!important}.md\\:text-8xl{font-size:6rem!important}}@media screen and (min-width:992px){.lg\\:text-xs{font-size:.75rem!important}.lg\\:text-sm{font-size:.875rem!important}.lg\\:text-base{font-size:1rem!important}.lg\\:text-lg{font-size:1.125rem!important}.lg\\:text-xl{font-size:1.25rem!important}.lg\\:text-2xl{font-size:1.5rem!important}.lg\\:text-3xl{font-size:1.75rem!important}.lg\\:text-4xl{font-size:2rem!important}.lg\\:text-5xl{font-size:2.5rem!important}.lg\\:text-6xl{font-size:3rem!important}.lg\\:text-7xl{font-size:4rem!important}.lg\\:text-8xl{font-size:6rem!important}}@media screen and (min-width:1200px){.xl\\:text-xs{font-size:.75rem!important}.xl\\:text-sm{font-size:.875rem!important}.xl\\:text-base{font-size:1rem!important}.xl\\:text-lg{font-size:1.125rem!important}.xl\\:text-xl{font-size:1.25rem!important}.xl\\:text-2xl{font-size:1.5rem!important}.xl\\:text-3xl{font-size:1.75rem!important}.xl\\:text-4xl{font-size:2rem!important}.xl\\:text-5xl{font-size:2.5rem!important}.xl\\:text-6xl{font-size:3rem!important}.xl\\:text-7xl{font-size:4rem!important}.xl\\:text-8xl{font-size:6rem!important}}.line-height-1{line-height:1!important}.line-height-2{line-height:1.25!important}.line-height-3{line-height:1.5!important}.line-height-4{line-height:2!important}.white-space-normal{white-space:normal!important}.white-space-nowrap{white-space:nowrap!important}.vertical-align-baseline{vertical-align:baseline!important}.vertical-align-top{vertical-align:top!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-bottom{vertical-align:bottom!important}.vertical-align-text-top{vertical-align:text-top!important}.vertical-align-text-bottom{vertical-align:text-bottom!important}.vertical-align-sub{vertical-align:sub!important}.vertical-align-super{vertical-align:super!important}@media screen and (min-width:576px){.sm\\:vertical-align-baseline{vertical-align:baseline!important}.sm\\:vertical-align-top{vertical-align:top!important}.sm\\:vertical-align-middle{vertical-align:middle!important}.sm\\:vertical-align-bottom{vertical-align:bottom!important}.sm\\:vertical-align-text-top{vertical-align:text-top!important}.sm\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.sm\\:vertical-align-sub{vertical-align:sub!important}.sm\\:vertical-align-super{vertical-align:super!important}}@media screen and (min-width:768px){.md\\:vertical-align-baseline{vertical-align:baseline!important}.md\\:vertical-align-top{vertical-align:top!important}.md\\:vertical-align-middle{vertical-align:middle!important}.md\\:vertical-align-bottom{vertical-align:bottom!important}.md\\:vertical-align-text-top{vertical-align:text-top!important}.md\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.md\\:vertical-align-sub{vertical-align:sub!important}.md\\:vertical-align-super{vertical-align:super!important}}@media screen and (min-width:992px){.lg\\:vertical-align-baseline{vertical-align:baseline!important}.lg\\:vertical-align-top{vertical-align:top!important}.lg\\:vertical-align-middle{vertical-align:middle!important}.lg\\:vertical-align-bottom{vertical-align:bottom!important}.lg\\:vertical-align-text-top{vertical-align:text-top!important}.lg\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.lg\\:vertical-align-sub{vertical-align:sub!important}.lg\\:vertical-align-super{vertical-align:super!important}}@media screen and (min-width:1200px){.xl\\:vertical-align-baseline{vertical-align:baseline!important}.xl\\:vertical-align-top{vertical-align:top!important}.xl\\:vertical-align-middle{vertical-align:middle!important}.xl\\:vertical-align-bottom{vertical-align:bottom!important}.xl\\:vertical-align-text-top{vertical-align:text-top!important}.xl\\:vertical-align-text-bottom{vertical-align:text-bottom!important}.xl\\:vertical-align-sub{vertical-align:sub!important}.xl\\:vertical-align-super{vertical-align:super!important}}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}@media screen and (min-width:576px){.sm\\:flex-row{flex-direction:row!important}.sm\\:flex-row-reverse{flex-direction:row-reverse!important}.sm\\:flex-column{flex-direction:column!important}.sm\\:flex-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:768px){.md\\:flex-row{flex-direction:row!important}.md\\:flex-row-reverse{flex-direction:row-reverse!important}.md\\:flex-column{flex-direction:column!important}.md\\:flex-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:992px){.lg\\:flex-row{flex-direction:row!important}.lg\\:flex-row-reverse{flex-direction:row-reverse!important}.lg\\:flex-column{flex-direction:column!important}.lg\\:flex-column-reverse{flex-direction:column-reverse!important}}@media screen and (min-width:1200px){.xl\\:flex-row{flex-direction:row!important}.xl\\:flex-row-reverse{flex-direction:row-reverse!important}.xl\\:flex-column{flex-direction:column!important}.xl\\:flex-column-reverse{flex-direction:column-reverse!important}}.flex-wrap{flex-wrap:wrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-nowrap{flex-wrap:nowrap!important}@media screen and (min-width:576px){.sm\\:flex-wrap{flex-wrap:wrap!important}.sm\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.sm\\:flex-nowrap{flex-wrap:nowrap!important}}@media screen and (min-width:768px){.md\\:flex-wrap{flex-wrap:wrap!important}.md\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.md\\:flex-nowrap{flex-wrap:nowrap!important}}@media screen and (min-width:992px){.lg\\:flex-wrap{flex-wrap:wrap!important}.lg\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.lg\\:flex-nowrap{flex-wrap:nowrap!important}}@media screen and (min-width:1200px){.xl\\:flex-wrap{flex-wrap:wrap!important}.xl\\:flex-wrap-reverse{flex-wrap:wrap-reverse!important}.xl\\:flex-nowrap{flex-wrap:nowrap!important}}.justify-content-start{justify-content:flex-start!important}.justify-content-end,:host ::ng-deep .w-filter-panel-buttons{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}@media screen and (min-width:576px){.sm\\:justify-content-start{justify-content:flex-start!important}.sm\\:justify-content-end{justify-content:flex-end!important}.sm\\:justify-content-center{justify-content:center!important}.sm\\:justify-content-between{justify-content:space-between!important}.sm\\:justify-content-around{justify-content:space-around!important}.sm\\:justify-content-evenly{justify-content:space-evenly!important}}@media screen and (min-width:768px){.md\\:justify-content-start{justify-content:flex-start!important}.md\\:justify-content-end{justify-content:flex-end!important}.md\\:justify-content-center{justify-content:center!important}.md\\:justify-content-between{justify-content:space-between!important}.md\\:justify-content-around{justify-content:space-around!important}.md\\:justify-content-evenly{justify-content:space-evenly!important}}@media screen and (min-width:992px){.lg\\:justify-content-start{justify-content:flex-start!important}.lg\\:justify-content-end{justify-content:flex-end!important}.lg\\:justify-content-center{justify-content:center!important}.lg\\:justify-content-between{justify-content:space-between!important}.lg\\:justify-content-around{justify-content:space-around!important}.lg\\:justify-content-evenly{justify-content:space-evenly!important}}@media screen and (min-width:1200px){.xl\\:justify-content-start{justify-content:flex-start!important}.xl\\:justify-content-end{justify-content:flex-end!important}.xl\\:justify-content-center{justify-content:center!important}.xl\\:justify-content-between{justify-content:space-between!important}.xl\\:justify-content-around{justify-content:space-around!important}.xl\\:justify-content-evenly{justify-content:space-evenly!important}}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-evenly{align-content:space-evenly!important}@media screen and (min-width:576px){.sm\\:align-content-start{align-content:flex-start!important}.sm\\:align-content-end{align-content:flex-end!important}.sm\\:align-content-center{align-content:center!important}.sm\\:align-content-between{align-content:space-between!important}.sm\\:align-content-around{align-content:space-around!important}.sm\\:align-content-evenly{align-content:space-evenly!important}}@media screen and (min-width:768px){.md\\:align-content-start{align-content:flex-start!important}.md\\:align-content-end{align-content:flex-end!important}.md\\:align-content-center{align-content:center!important}.md\\:align-content-between{align-content:space-between!important}.md\\:align-content-around{align-content:space-around!important}.md\\:align-content-evenly{align-content:space-evenly!important}}@media screen and (min-width:992px){.lg\\:align-content-start{align-content:flex-start!important}.lg\\:align-content-end{align-content:flex-end!important}.lg\\:align-content-center{align-content:center!important}.lg\\:align-content-between{align-content:space-between!important}.lg\\:align-content-around{align-content:space-around!important}.lg\\:align-content-evenly{align-content:space-evenly!important}}@media screen and (min-width:1200px){.xl\\:align-content-start{align-content:flex-start!important}.xl\\:align-content-end{align-content:flex-end!important}.xl\\:align-content-center{align-content:center!important}.xl\\:align-content-between{align-content:space-between!important}.xl\\:align-content-around{align-content:space-around!important}.xl\\:align-content-evenly{align-content:space-evenly!important}}.align-items-stretch{align-items:stretch!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end,:host ::ng-deep .w-filter-panel-buttons{align-items:flex-end!important}.align-items-baseline{align-items:baseline!important}@media screen and (min-width:576px){.sm\\:align-items-stretch{align-items:stretch!important}.sm\\:align-items-start{align-items:flex-start!important}.sm\\:align-items-center{align-items:center!important}.sm\\:align-items-end{align-items:flex-end!important}.sm\\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:768px){.md\\:align-items-stretch{align-items:stretch!important}.md\\:align-items-start{align-items:flex-start!important}.md\\:align-items-center{align-items:center!important}.md\\:align-items-end{align-items:flex-end!important}.md\\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:992px){.lg\\:align-items-stretch{align-items:stretch!important}.lg\\:align-items-start{align-items:flex-start!important}.lg\\:align-items-center{align-items:center!important}.lg\\:align-items-end{align-items:flex-end!important}.lg\\:align-items-baseline{align-items:baseline!important}}@media screen and (min-width:1200px){.xl\\:align-items-stretch{align-items:stretch!important}.xl\\:align-items-start{align-items:flex-start!important}.xl\\:align-items-center{align-items:center!important}.xl\\:align-items-end{align-items:flex-end!important}.xl\\:align-items-baseline{align-items:baseline!important}}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.align-self-baseline{align-self:baseline!important}@media screen and (min-width:576px){.sm\\:align-self-auto{align-self:auto!important}.sm\\:align-self-start{align-self:flex-start!important}.sm\\:align-self-end{align-self:flex-end!important}.sm\\:align-self-center{align-self:center!important}.sm\\:align-self-stretch{align-self:stretch!important}.sm\\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:768px){.md\\:align-self-auto{align-self:auto!important}.md\\:align-self-start{align-self:flex-start!important}.md\\:align-self-end{align-self:flex-end!important}.md\\:align-self-center{align-self:center!important}.md\\:align-self-stretch{align-self:stretch!important}.md\\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:992px){.lg\\:align-self-auto{align-self:auto!important}.lg\\:align-self-start{align-self:flex-start!important}.lg\\:align-self-end{align-self:flex-end!important}.lg\\:align-self-center{align-self:center!important}.lg\\:align-self-stretch{align-self:stretch!important}.lg\\:align-self-baseline{align-self:baseline!important}}@media screen and (min-width:1200px){.xl\\:align-self-auto{align-self:auto!important}.xl\\:align-self-start{align-self:flex-start!important}.xl\\:align-self-end{align-self:flex-end!important}.xl\\:align-self-center{align-self:center!important}.xl\\:align-self-stretch{align-self:stretch!important}.xl\\:align-self-baseline{align-self:baseline!important}}.flex-order-0{order:0!important}.flex-order-1{order:1!important}.flex-order-2{order:2!important}.flex-order-3{order:3!important}.flex-order-4{order:4!important}.flex-order-5{order:5!important}.flex-order-6{order:6!important}@media screen and (min-width:576px){.sm\\:flex-order-0{order:0!important}.sm\\:flex-order-1{order:1!important}.sm\\:flex-order-2{order:2!important}.sm\\:flex-order-3{order:3!important}.sm\\:flex-order-4{order:4!important}.sm\\:flex-order-5{order:5!important}.sm\\:flex-order-6{order:6!important}}@media screen and (min-width:768px){.md\\:flex-order-0{order:0!important}.md\\:flex-order-1{order:1!important}.md\\:flex-order-2{order:2!important}.md\\:flex-order-3{order:3!important}.md\\:flex-order-4{order:4!important}.md\\:flex-order-5{order:5!important}.md\\:flex-order-6{order:6!important}}@media screen and (min-width:992px){.lg\\:flex-order-0{order:0!important}.lg\\:flex-order-1{order:1!important}.lg\\:flex-order-2{order:2!important}.lg\\:flex-order-3{order:3!important}.lg\\:flex-order-4{order:4!important}.lg\\:flex-order-5{order:5!important}.lg\\:flex-order-6{order:6!important}}@media screen and (min-width:1200px){.xl\\:flex-order-0{order:0!important}.xl\\:flex-order-1{order:1!important}.xl\\:flex-order-2{order:2!important}.xl\\:flex-order-3{order:3!important}.xl\\:flex-order-4{order:4!important}.xl\\:flex-order-5{order:5!important}.xl\\:flex-order-6{order:6!important}}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}@media screen and (min-width:576px){.sm\\:flex-1{flex:1 1 0%!important}.sm\\:flex-auto{flex:1 1 auto!important}.sm\\:flex-initial{flex:0 1 auto!important}.sm\\:flex-none{flex:none!important}}@media screen and (min-width:768px){.md\\:flex-1{flex:1 1 0%!important}.md\\:flex-auto{flex:1 1 auto!important}.md\\:flex-initial{flex:0 1 auto!important}.md\\:flex-none{flex:none!important}}@media screen and (min-width:992px){.lg\\:flex-1{flex:1 1 0%!important}.lg\\:flex-auto{flex:1 1 auto!important}.lg\\:flex-initial{flex:0 1 auto!important}.lg\\:flex-none{flex:none!important}}@media screen and (min-width:1200px){.xl\\:flex-1{flex:1 1 0%!important}.xl\\:flex-auto{flex:1 1 auto!important}.xl\\:flex-initial{flex:0 1 auto!important}.xl\\:flex-none{flex:none!important}}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}@media screen and (min-width:576px){.sm\\:flex-grow-0{flex-grow:0!important}.sm\\:flex-grow-1{flex-grow:1!important}}@media screen and (min-width:768px){.md\\:flex-grow-0{flex-grow:0!important}.md\\:flex-grow-1{flex-grow:1!important}}@media screen and (min-width:992px){.lg\\:flex-grow-0{flex-grow:0!important}.lg\\:flex-grow-1{flex-grow:1!important}}@media screen and (min-width:1200px){.xl\\:flex-grow-0{flex-grow:0!important}.xl\\:flex-grow-1{flex-grow:1!important}}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}@media screen and (min-width:576px){.sm\\:flex-shrink-0{flex-shrink:0!important}.sm\\:flex-shrink-1{flex-shrink:1!important}}@media screen and (min-width:768px){.md\\:flex-shrink-0{flex-shrink:0!important}.md\\:flex-shrink-1{flex-shrink:1!important}}@media screen and (min-width:992px){.lg\\:flex-shrink-0{flex-shrink:0!important}.lg\\:flex-shrink-1{flex-shrink:1!important}}@media screen and (min-width:1200px){.xl\\:flex-shrink-0{flex-shrink:0!important}.xl\\:flex-shrink-1{flex-shrink:1!important}}.gap-0{gap:0rem!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:2rem!important}.gap-6{gap:3rem!important}.gap-7{gap:4rem!important}.gap-8{gap:5rem!important}.row-gap-0{row-gap:0rem!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:2rem!important}.row-gap-6{row-gap:3rem!important}.row-gap-7{row-gap:4rem!important}.row-gap-8{row-gap:5rem!important}.column-gap-0{column-gap:0rem!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:2rem!important}.column-gap-6{column-gap:3rem!important}.column-gap-7{column-gap:4rem!important}.column-gap-8{column-gap:5rem!important}@media screen and (min-width:576px){.sm\\:gap-0{gap:0rem!important}.sm\\:gap-1{gap:.25rem!important}.sm\\:gap-2{gap:.5rem!important}.sm\\:gap-3{gap:1rem!important}.sm\\:gap-4{gap:1.5rem!important}.sm\\:gap-5{gap:2rem!important}.sm\\:gap-6{gap:3rem!important}.sm\\:gap-7{gap:4rem!important}.sm\\:gap-8{gap:5rem!important}.sm\\:row-gap-0{row-gap:0rem!important}.sm\\:row-gap-1{row-gap:.25rem!important}.sm\\:row-gap-2{row-gap:.5rem!important}.sm\\:row-gap-3{row-gap:1rem!important}.sm\\:row-gap-4{row-gap:1.5rem!important}.sm\\:row-gap-5{row-gap:2rem!important}.sm\\:row-gap-6{row-gap:3rem!important}.sm\\:row-gap-7{row-gap:4rem!important}.sm\\:row-gap-8{row-gap:5rem!important}.sm\\:column-gap-0{column-gap:0rem!important}.sm\\:column-gap-1{column-gap:.25rem!important}.sm\\:column-gap-2{column-gap:.5rem!important}.sm\\:column-gap-3{column-gap:1rem!important}.sm\\:column-gap-4{column-gap:1.5rem!important}.sm\\:column-gap-5{column-gap:2rem!important}.sm\\:column-gap-6{column-gap:3rem!important}.sm\\:column-gap-7{column-gap:4rem!important}.sm\\:column-gap-8{column-gap:5rem!important}}@media screen and (min-width:768px){.md\\:gap-0{gap:0rem!important}.md\\:gap-1{gap:.25rem!important}.md\\:gap-2{gap:.5rem!important}.md\\:gap-3{gap:1rem!important}.md\\:gap-4{gap:1.5rem!important}.md\\:gap-5{gap:2rem!important}.md\\:gap-6{gap:3rem!important}.md\\:gap-7{gap:4rem!important}.md\\:gap-8{gap:5rem!important}.md\\:row-gap-0{row-gap:0rem!important}.md\\:row-gap-1{row-gap:.25rem!important}.md\\:row-gap-2{row-gap:.5rem!important}.md\\:row-gap-3{row-gap:1rem!important}.md\\:row-gap-4{row-gap:1.5rem!important}.md\\:row-gap-5{row-gap:2rem!important}.md\\:row-gap-6{row-gap:3rem!important}.md\\:row-gap-7{row-gap:4rem!important}.md\\:row-gap-8{row-gap:5rem!important}.md\\:column-gap-0{column-gap:0rem!important}.md\\:column-gap-1{column-gap:.25rem!important}.md\\:column-gap-2{column-gap:.5rem!important}.md\\:column-gap-3{column-gap:1rem!important}.md\\:column-gap-4{column-gap:1.5rem!important}.md\\:column-gap-5{column-gap:2rem!important}.md\\:column-gap-6{column-gap:3rem!important}.md\\:column-gap-7{column-gap:4rem!important}.md\\:column-gap-8{column-gap:5rem!important}}@media screen and (min-width:992px){.lg\\:gap-0{gap:0rem!important}.lg\\:gap-1{gap:.25rem!important}.lg\\:gap-2{gap:.5rem!important}.lg\\:gap-3{gap:1rem!important}.lg\\:gap-4{gap:1.5rem!important}.lg\\:gap-5{gap:2rem!important}.lg\\:gap-6{gap:3rem!important}.lg\\:gap-7{gap:4rem!important}.lg\\:gap-8{gap:5rem!important}.lg\\:row-gap-0{row-gap:0rem!important}.lg\\:row-gap-1{row-gap:.25rem!important}.lg\\:row-gap-2{row-gap:.5rem!important}.lg\\:row-gap-3{row-gap:1rem!important}.lg\\:row-gap-4{row-gap:1.5rem!important}.lg\\:row-gap-5{row-gap:2rem!important}.lg\\:row-gap-6{row-gap:3rem!important}.lg\\:row-gap-7{row-gap:4rem!important}.lg\\:row-gap-8{row-gap:5rem!important}.lg\\:column-gap-0{column-gap:0rem!important}.lg\\:column-gap-1{column-gap:.25rem!important}.lg\\:column-gap-2{column-gap:.5rem!important}.lg\\:column-gap-3{column-gap:1rem!important}.lg\\:column-gap-4{column-gap:1.5rem!important}.lg\\:column-gap-5{column-gap:2rem!important}.lg\\:column-gap-6{column-gap:3rem!important}.lg\\:column-gap-7{column-gap:4rem!important}.lg\\:column-gap-8{column-gap:5rem!important}}@media screen and (min-width:1200px){.xl\\:gap-0{gap:0rem!important}.xl\\:gap-1{gap:.25rem!important}.xl\\:gap-2{gap:.5rem!important}.xl\\:gap-3{gap:1rem!important}.xl\\:gap-4{gap:1.5rem!important}.xl\\:gap-5{gap:2rem!important}.xl\\:gap-6{gap:3rem!important}.xl\\:gap-7{gap:4rem!important}.xl\\:gap-8{gap:5rem!important}.xl\\:row-gap-0{row-gap:0rem!important}.xl\\:row-gap-1{row-gap:.25rem!important}.xl\\:row-gap-2{row-gap:.5rem!important}.xl\\:row-gap-3{row-gap:1rem!important}.xl\\:row-gap-4{row-gap:1.5rem!important}.xl\\:row-gap-5{row-gap:2rem!important}.xl\\:row-gap-6{row-gap:3rem!important}.xl\\:row-gap-7{row-gap:4rem!important}.xl\\:row-gap-8{row-gap:5rem!important}.xl\\:column-gap-0{column-gap:0rem!important}.xl\\:column-gap-1{column-gap:.25rem!important}.xl\\:column-gap-2{column-gap:.5rem!important}.xl\\:column-gap-3{column-gap:1rem!important}.xl\\:column-gap-4{column-gap:1.5rem!important}.xl\\:column-gap-5{column-gap:2rem!important}.xl\\:column-gap-6{column-gap:3rem!important}.xl\\:column-gap-7{column-gap:4rem!important}.xl\\:column-gap-8{column-gap:5rem!important}}.p-0{padding:0rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:2rem!important}.p-6{padding:3rem!important}.p-7{padding:4rem!important}.p-8{padding:5rem!important}.pt-0{padding-top:0rem!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:2rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:4rem!important}.pt-8{padding-top:5rem!important}.pr-0{padding-right:0rem!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:2rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:4rem!important}.pr-8{padding-right:5rem!important}.pl-0{padding-left:0rem!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:2rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:4rem!important}.pl-8{padding-left:5rem!important}.pb-0{padding-bottom:0rem!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:2rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:4rem!important}.pb-8{padding-bottom:5rem!important}.px-0{padding-left:0rem!important;padding-right:0rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:2rem!important;padding-right:2rem!important}.px-6{padding-left:3rem!important;padding-right:3rem!important}.px-7{padding-left:4rem!important;padding-right:4rem!important}.px-8{padding-left:5rem!important;padding-right:5rem!important}.py-0{padding-top:0rem!important;padding-bottom:0rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:4rem!important;padding-bottom:4rem!important}.py-8{padding-top:5rem!important;padding-bottom:5rem!important}@media screen and (min-width:576px){.sm\\:p-0{padding:0rem!important}.sm\\:p-1{padding:.25rem!important}.sm\\:p-2{padding:.5rem!important}.sm\\:p-3{padding:1rem!important}.sm\\:p-4{padding:1.5rem!important}.sm\\:p-5{padding:2rem!important}.sm\\:p-6{padding:3rem!important}.sm\\:p-7{padding:4rem!important}.sm\\:p-8{padding:5rem!important}.sm\\:pt-0{padding-top:0rem!important}.sm\\:pt-1{padding-top:.25rem!important}.sm\\:pt-2{padding-top:.5rem!important}.sm\\:pt-3{padding-top:1rem!important}.sm\\:pt-4{padding-top:1.5rem!important}.sm\\:pt-5{padding-top:2rem!important}.sm\\:pt-6{padding-top:3rem!important}.sm\\:pt-7{padding-top:4rem!important}.sm\\:pt-8{padding-top:5rem!important}.sm\\:pr-0{padding-right:0rem!important}.sm\\:pr-1{padding-right:.25rem!important}.sm\\:pr-2{padding-right:.5rem!important}.sm\\:pr-3{padding-right:1rem!important}.sm\\:pr-4{padding-right:1.5rem!important}.sm\\:pr-5{padding-right:2rem!important}.sm\\:pr-6{padding-right:3rem!important}.sm\\:pr-7{padding-right:4rem!important}.sm\\:pr-8{padding-right:5rem!important}.sm\\:pl-0{padding-left:0rem!important}.sm\\:pl-1{padding-left:.25rem!important}.sm\\:pl-2{padding-left:.5rem!important}.sm\\:pl-3{padding-left:1rem!important}.sm\\:pl-4{padding-left:1.5rem!important}.sm\\:pl-5{padding-left:2rem!important}.sm\\:pl-6{padding-left:3rem!important}.sm\\:pl-7{padding-left:4rem!important}.sm\\:pl-8{padding-left:5rem!important}.sm\\:pb-0{padding-bottom:0rem!important}.sm\\:pb-1{padding-bottom:.25rem!important}.sm\\:pb-2{padding-bottom:.5rem!important}.sm\\:pb-3{padding-bottom:1rem!important}.sm\\:pb-4{padding-bottom:1.5rem!important}.sm\\:pb-5{padding-bottom:2rem!important}.sm\\:pb-6{padding-bottom:3rem!important}.sm\\:pb-7{padding-bottom:4rem!important}.sm\\:pb-8{padding-bottom:5rem!important}.sm\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.sm\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.sm\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.sm\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.sm\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.sm\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.sm\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.sm\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.sm\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.sm\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.sm\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.sm\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.sm\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.sm\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.sm\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.sm\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.sm\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}@media screen and (min-width:768px){.md\\:p-0{padding:0rem!important}.md\\:p-1{padding:.25rem!important}.md\\:p-2{padding:.5rem!important}.md\\:p-3{padding:1rem!important}.md\\:p-4{padding:1.5rem!important}.md\\:p-5{padding:2rem!important}.md\\:p-6{padding:3rem!important}.md\\:p-7{padding:4rem!important}.md\\:p-8{padding:5rem!important}.md\\:pt-0{padding-top:0rem!important}.md\\:pt-1{padding-top:.25rem!important}.md\\:pt-2{padding-top:.5rem!important}.md\\:pt-3{padding-top:1rem!important}.md\\:pt-4{padding-top:1.5rem!important}.md\\:pt-5{padding-top:2rem!important}.md\\:pt-6{padding-top:3rem!important}.md\\:pt-7{padding-top:4rem!important}.md\\:pt-8{padding-top:5rem!important}.md\\:pr-0{padding-right:0rem!important}.md\\:pr-1{padding-right:.25rem!important}.md\\:pr-2{padding-right:.5rem!important}.md\\:pr-3{padding-right:1rem!important}.md\\:pr-4{padding-right:1.5rem!important}.md\\:pr-5{padding-right:2rem!important}.md\\:pr-6{padding-right:3rem!important}.md\\:pr-7{padding-right:4rem!important}.md\\:pr-8{padding-right:5rem!important}.md\\:pl-0{padding-left:0rem!important}.md\\:pl-1{padding-left:.25rem!important}.md\\:pl-2{padding-left:.5rem!important}.md\\:pl-3{padding-left:1rem!important}.md\\:pl-4{padding-left:1.5rem!important}.md\\:pl-5{padding-left:2rem!important}.md\\:pl-6{padding-left:3rem!important}.md\\:pl-7{padding-left:4rem!important}.md\\:pl-8{padding-left:5rem!important}.md\\:pb-0{padding-bottom:0rem!important}.md\\:pb-1{padding-bottom:.25rem!important}.md\\:pb-2{padding-bottom:.5rem!important}.md\\:pb-3{padding-bottom:1rem!important}.md\\:pb-4{padding-bottom:1.5rem!important}.md\\:pb-5{padding-bottom:2rem!important}.md\\:pb-6{padding-bottom:3rem!important}.md\\:pb-7{padding-bottom:4rem!important}.md\\:pb-8{padding-bottom:5rem!important}.md\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.md\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.md\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.md\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.md\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.md\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.md\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.md\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.md\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.md\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.md\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.md\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.md\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.md\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.md\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.md\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.md\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.md\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}@media screen and (min-width:992px){.lg\\:p-0{padding:0rem!important}.lg\\:p-1{padding:.25rem!important}.lg\\:p-2{padding:.5rem!important}.lg\\:p-3{padding:1rem!important}.lg\\:p-4{padding:1.5rem!important}.lg\\:p-5{padding:2rem!important}.lg\\:p-6{padding:3rem!important}.lg\\:p-7{padding:4rem!important}.lg\\:p-8{padding:5rem!important}.lg\\:pt-0{padding-top:0rem!important}.lg\\:pt-1{padding-top:.25rem!important}.lg\\:pt-2{padding-top:.5rem!important}.lg\\:pt-3{padding-top:1rem!important}.lg\\:pt-4{padding-top:1.5rem!important}.lg\\:pt-5{padding-top:2rem!important}.lg\\:pt-6{padding-top:3rem!important}.lg\\:pt-7{padding-top:4rem!important}.lg\\:pt-8{padding-top:5rem!important}.lg\\:pr-0{padding-right:0rem!important}.lg\\:pr-1{padding-right:.25rem!important}.lg\\:pr-2{padding-right:.5rem!important}.lg\\:pr-3{padding-right:1rem!important}.lg\\:pr-4{padding-right:1.5rem!important}.lg\\:pr-5{padding-right:2rem!important}.lg\\:pr-6{padding-right:3rem!important}.lg\\:pr-7{padding-right:4rem!important}.lg\\:pr-8{padding-right:5rem!important}.lg\\:pl-0{padding-left:0rem!important}.lg\\:pl-1{padding-left:.25rem!important}.lg\\:pl-2{padding-left:.5rem!important}.lg\\:pl-3{padding-left:1rem!important}.lg\\:pl-4{padding-left:1.5rem!important}.lg\\:pl-5{padding-left:2rem!important}.lg\\:pl-6{padding-left:3rem!important}.lg\\:pl-7{padding-left:4rem!important}.lg\\:pl-8{padding-left:5rem!important}.lg\\:pb-0{padding-bottom:0rem!important}.lg\\:pb-1{padding-bottom:.25rem!important}.lg\\:pb-2{padding-bottom:.5rem!important}.lg\\:pb-3{padding-bottom:1rem!important}.lg\\:pb-4{padding-bottom:1.5rem!important}.lg\\:pb-5{padding-bottom:2rem!important}.lg\\:pb-6{padding-bottom:3rem!important}.lg\\:pb-7{padding-bottom:4rem!important}.lg\\:pb-8{padding-bottom:5rem!important}.lg\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.lg\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.lg\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.lg\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.lg\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.lg\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.lg\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.lg\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.lg\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.lg\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.lg\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.lg\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.lg\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.lg\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.lg\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.lg\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.lg\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.lg\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}@media screen and (min-width:1200px){.xl\\:p-0{padding:0rem!important}.xl\\:p-1{padding:.25rem!important}.xl\\:p-2{padding:.5rem!important}.xl\\:p-3{padding:1rem!important}.xl\\:p-4{padding:1.5rem!important}.xl\\:p-5{padding:2rem!important}.xl\\:p-6{padding:3rem!important}.xl\\:p-7{padding:4rem!important}.xl\\:p-8{padding:5rem!important}.xl\\:pt-0{padding-top:0rem!important}.xl\\:pt-1{padding-top:.25rem!important}.xl\\:pt-2{padding-top:.5rem!important}.xl\\:pt-3{padding-top:1rem!important}.xl\\:pt-4{padding-top:1.5rem!important}.xl\\:pt-5{padding-top:2rem!important}.xl\\:pt-6{padding-top:3rem!important}.xl\\:pt-7{padding-top:4rem!important}.xl\\:pt-8{padding-top:5rem!important}.xl\\:pr-0{padding-right:0rem!important}.xl\\:pr-1{padding-right:.25rem!important}.xl\\:pr-2{padding-right:.5rem!important}.xl\\:pr-3{padding-right:1rem!important}.xl\\:pr-4{padding-right:1.5rem!important}.xl\\:pr-5{padding-right:2rem!important}.xl\\:pr-6{padding-right:3rem!important}.xl\\:pr-7{padding-right:4rem!important}.xl\\:pr-8{padding-right:5rem!important}.xl\\:pl-0{padding-left:0rem!important}.xl\\:pl-1{padding-left:.25rem!important}.xl\\:pl-2{padding-left:.5rem!important}.xl\\:pl-3{padding-left:1rem!important}.xl\\:pl-4{padding-left:1.5rem!important}.xl\\:pl-5{padding-left:2rem!important}.xl\\:pl-6{padding-left:3rem!important}.xl\\:pl-7{padding-left:4rem!important}.xl\\:pl-8{padding-left:5rem!important}.xl\\:pb-0{padding-bottom:0rem!important}.xl\\:pb-1{padding-bottom:.25rem!important}.xl\\:pb-2{padding-bottom:.5rem!important}.xl\\:pb-3{padding-bottom:1rem!important}.xl\\:pb-4{padding-bottom:1.5rem!important}.xl\\:pb-5{padding-bottom:2rem!important}.xl\\:pb-6{padding-bottom:3rem!important}.xl\\:pb-7{padding-bottom:4rem!important}.xl\\:pb-8{padding-bottom:5rem!important}.xl\\:px-0{padding-left:0rem!important;padding-right:0rem!important}.xl\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.xl\\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.xl\\:px-3{padding-left:1rem!important;padding-right:1rem!important}.xl\\:px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.xl\\:px-5{padding-left:2rem!important;padding-right:2rem!important}.xl\\:px-6{padding-left:3rem!important;padding-right:3rem!important}.xl\\:px-7{padding-left:4rem!important;padding-right:4rem!important}.xl\\:px-8{padding-left:5rem!important;padding-right:5rem!important}.xl\\:py-0{padding-top:0rem!important;padding-bottom:0rem!important}.xl\\:py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.xl\\:py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.xl\\:py-3{padding-top:1rem!important;padding-bottom:1rem!important}.xl\\:py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.xl\\:py-5{padding-top:2rem!important;padding-bottom:2rem!important}.xl\\:py-6{padding-top:3rem!important;padding-bottom:3rem!important}.xl\\:py-7{padding-top:4rem!important;padding-bottom:4rem!important}.xl\\:py-8{padding-top:5rem!important;padding-bottom:5rem!important}}.m-0{margin:0rem!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:2rem!important}.m-6{margin:3rem!important}.m-7{margin:4rem!important}.m-8{margin:5rem!important}.-m-1{margin:-.25rem!important}.-m-2{margin:-.5rem!important}.-m-3{margin:-1rem!important}.-m-4{margin:-1.5rem!important}.-m-5{margin:-2rem!important}.-m-6{margin:-3rem!important}.-m-7{margin:-4rem!important}.-m-8{margin:-5rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:2rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:4rem!important}.mt-8{margin-top:5rem!important}.-mt-1{margin-top:-.25rem!important}.-mt-2{margin-top:-.5rem!important}.-mt-3{margin-top:-1rem!important}.-mt-4{margin-top:-1.5rem!important}.-mt-5{margin-top:-2rem!important}.-mt-6{margin-top:-3rem!important}.-mt-7{margin-top:-4rem!important}.-mt-8{margin-top:-5rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:2rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:4rem!important}.mr-8{margin-right:5rem!important}.-mr-1{margin-right:-.25rem!important}.-mr-2{margin-right:-.5rem!important}.-mr-3{margin-right:-1rem!important}.-mr-4{margin-right:-1.5rem!important}.-mr-5{margin-right:-2rem!important}.-mr-6{margin-right:-3rem!important}.-mr-7{margin-right:-4rem!important}.-mr-8{margin-right:-5rem!important}.mr-auto{margin-right:auto!important}.ml-0{margin-left:0rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:2rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:4rem!important}.ml-8{margin-left:5rem!important}.-ml-1{margin-left:-.25rem!important}.-ml-2{margin-left:-.5rem!important}.-ml-3{margin-left:-1rem!important}.-ml-4{margin-left:-1.5rem!important}.-ml-5{margin-left:-2rem!important}.-ml-6{margin-left:-3rem!important}.-ml-7{margin-left:-4rem!important}.-ml-8{margin-left:-5rem!important}.ml-auto{margin-left:auto!important}.mb-0{margin-bottom:0rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:2rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:4rem!important}.mb-8{margin-bottom:5rem!important}.-mb-1{margin-bottom:-.25rem!important}.-mb-2{margin-bottom:-.5rem!important}.-mb-3{margin-bottom:-1rem!important}.-mb-4{margin-bottom:-1.5rem!important}.-mb-5{margin-bottom:-2rem!important}.-mb-6{margin-bottom:-3rem!important}.-mb-7{margin-bottom:-4rem!important}.-mb-8{margin-bottom:-5rem!important}.mb-auto{margin-bottom:auto!important}.mx-0{margin-left:0rem!important;margin-right:0rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:2rem!important;margin-right:2rem!important}.mx-6{margin-left:3rem!important;margin-right:3rem!important}.mx-7{margin-left:4rem!important;margin-right:4rem!important}.mx-8{margin-left:5rem!important;margin-right:5rem!important}.-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0rem!important;margin-bottom:0rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:2rem!important;margin-bottom:2rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:4rem!important;margin-bottom:4rem!important}.my-8{margin-top:5rem!important;margin-bottom:5rem!important}.-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}@media screen and (min-width:576px){.sm\\:m-0{margin:0rem!important}.sm\\:m-1{margin:.25rem!important}.sm\\:m-2{margin:.5rem!important}.sm\\:m-3{margin:1rem!important}.sm\\:m-4{margin:1.5rem!important}.sm\\:m-5{margin:2rem!important}.sm\\:m-6{margin:3rem!important}.sm\\:m-7{margin:4rem!important}.sm\\:m-8{margin:5rem!important}.sm\\:-m-1{margin:-.25rem!important}.sm\\:-m-2{margin:-.5rem!important}.sm\\:-m-3{margin:-1rem!important}.sm\\:-m-4{margin:-1.5rem!important}.sm\\:-m-5{margin:-2rem!important}.sm\\:-m-6{margin:-3rem!important}.sm\\:-m-7{margin:-4rem!important}.sm\\:-m-8{margin:-5rem!important}.sm\\:m-auto{margin:auto!important}.sm\\:mt-0{margin-top:0rem!important}.sm\\:mt-1{margin-top:.25rem!important}.sm\\:mt-2{margin-top:.5rem!important}.sm\\:mt-3{margin-top:1rem!important}.sm\\:mt-4{margin-top:1.5rem!important}.sm\\:mt-5{margin-top:2rem!important}.sm\\:mt-6{margin-top:3rem!important}.sm\\:mt-7{margin-top:4rem!important}.sm\\:mt-8{margin-top:5rem!important}.sm\\:-mt-1{margin-top:-.25rem!important}.sm\\:-mt-2{margin-top:-.5rem!important}.sm\\:-mt-3{margin-top:-1rem!important}.sm\\:-mt-4{margin-top:-1.5rem!important}.sm\\:-mt-5{margin-top:-2rem!important}.sm\\:-mt-6{margin-top:-3rem!important}.sm\\:-mt-7{margin-top:-4rem!important}.sm\\:-mt-8{margin-top:-5rem!important}.sm\\:mt-auto{margin-top:auto!important}.sm\\:mr-0{margin-right:0rem!important}.sm\\:mr-1{margin-right:.25rem!important}.sm\\:mr-2{margin-right:.5rem!important}.sm\\:mr-3{margin-right:1rem!important}.sm\\:mr-4{margin-right:1.5rem!important}.sm\\:mr-5{margin-right:2rem!important}.sm\\:mr-6{margin-right:3rem!important}.sm\\:mr-7{margin-right:4rem!important}.sm\\:mr-8{margin-right:5rem!important}.sm\\:-mr-1{margin-right:-.25rem!important}.sm\\:-mr-2{margin-right:-.5rem!important}.sm\\:-mr-3{margin-right:-1rem!important}.sm\\:-mr-4{margin-right:-1.5rem!important}.sm\\:-mr-5{margin-right:-2rem!important}.sm\\:-mr-6{margin-right:-3rem!important}.sm\\:-mr-7{margin-right:-4rem!important}.sm\\:-mr-8{margin-right:-5rem!important}.sm\\:mr-auto{margin-right:auto!important}.sm\\:ml-0{margin-left:0rem!important}.sm\\:ml-1{margin-left:.25rem!important}.sm\\:ml-2{margin-left:.5rem!important}.sm\\:ml-3{margin-left:1rem!important}.sm\\:ml-4{margin-left:1.5rem!important}.sm\\:ml-5{margin-left:2rem!important}.sm\\:ml-6{margin-left:3rem!important}.sm\\:ml-7{margin-left:4rem!important}.sm\\:ml-8{margin-left:5rem!important}.sm\\:-ml-1{margin-left:-.25rem!important}.sm\\:-ml-2{margin-left:-.5rem!important}.sm\\:-ml-3{margin-left:-1rem!important}.sm\\:-ml-4{margin-left:-1.5rem!important}.sm\\:-ml-5{margin-left:-2rem!important}.sm\\:-ml-6{margin-left:-3rem!important}.sm\\:-ml-7{margin-left:-4rem!important}.sm\\:-ml-8{margin-left:-5rem!important}.sm\\:ml-auto{margin-left:auto!important}.sm\\:mb-0{margin-bottom:0rem!important}.sm\\:mb-1{margin-bottom:.25rem!important}.sm\\:mb-2{margin-bottom:.5rem!important}.sm\\:mb-3{margin-bottom:1rem!important}.sm\\:mb-4{margin-bottom:1.5rem!important}.sm\\:mb-5{margin-bottom:2rem!important}.sm\\:mb-6{margin-bottom:3rem!important}.sm\\:mb-7{margin-bottom:4rem!important}.sm\\:mb-8{margin-bottom:5rem!important}.sm\\:-mb-1{margin-bottom:-.25rem!important}.sm\\:-mb-2{margin-bottom:-.5rem!important}.sm\\:-mb-3{margin-bottom:-1rem!important}.sm\\:-mb-4{margin-bottom:-1.5rem!important}.sm\\:-mb-5{margin-bottom:-2rem!important}.sm\\:-mb-6{margin-bottom:-3rem!important}.sm\\:-mb-7{margin-bottom:-4rem!important}.sm\\:-mb-8{margin-bottom:-5rem!important}.sm\\:mb-auto{margin-bottom:auto!important}.sm\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.sm\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.sm\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.sm\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.sm\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.sm\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.sm\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.sm\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.sm\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.sm\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.sm\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.sm\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.sm\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.sm\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.sm\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.sm\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.sm\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.sm\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.sm\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.sm\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.sm\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.sm\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.sm\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.sm\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.sm\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.sm\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.sm\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.sm\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.sm\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.sm\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.sm\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.sm\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.sm\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.sm\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.sm\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.sm\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}@media screen and (min-width:768px){.md\\:m-0{margin:0rem!important}.md\\:m-1{margin:.25rem!important}.md\\:m-2{margin:.5rem!important}.md\\:m-3{margin:1rem!important}.md\\:m-4{margin:1.5rem!important}.md\\:m-5{margin:2rem!important}.md\\:m-6{margin:3rem!important}.md\\:m-7{margin:4rem!important}.md\\:m-8{margin:5rem!important}.md\\:-m-1{margin:-.25rem!important}.md\\:-m-2{margin:-.5rem!important}.md\\:-m-3{margin:-1rem!important}.md\\:-m-4{margin:-1.5rem!important}.md\\:-m-5{margin:-2rem!important}.md\\:-m-6{margin:-3rem!important}.md\\:-m-7{margin:-4rem!important}.md\\:-m-8{margin:-5rem!important}.md\\:m-auto{margin:auto!important}.md\\:mt-0{margin-top:0rem!important}.md\\:mt-1{margin-top:.25rem!important}.md\\:mt-2{margin-top:.5rem!important}.md\\:mt-3{margin-top:1rem!important}.md\\:mt-4{margin-top:1.5rem!important}.md\\:mt-5{margin-top:2rem!important}.md\\:mt-6{margin-top:3rem!important}.md\\:mt-7{margin-top:4rem!important}.md\\:mt-8{margin-top:5rem!important}.md\\:-mt-1{margin-top:-.25rem!important}.md\\:-mt-2{margin-top:-.5rem!important}.md\\:-mt-3{margin-top:-1rem!important}.md\\:-mt-4{margin-top:-1.5rem!important}.md\\:-mt-5{margin-top:-2rem!important}.md\\:-mt-6{margin-top:-3rem!important}.md\\:-mt-7{margin-top:-4rem!important}.md\\:-mt-8{margin-top:-5rem!important}.md\\:mt-auto{margin-top:auto!important}.md\\:mr-0{margin-right:0rem!important}.md\\:mr-1{margin-right:.25rem!important}.md\\:mr-2{margin-right:.5rem!important}.md\\:mr-3{margin-right:1rem!important}.md\\:mr-4{margin-right:1.5rem!important}.md\\:mr-5{margin-right:2rem!important}.md\\:mr-6{margin-right:3rem!important}.md\\:mr-7{margin-right:4rem!important}.md\\:mr-8{margin-right:5rem!important}.md\\:-mr-1{margin-right:-.25rem!important}.md\\:-mr-2{margin-right:-.5rem!important}.md\\:-mr-3{margin-right:-1rem!important}.md\\:-mr-4{margin-right:-1.5rem!important}.md\\:-mr-5{margin-right:-2rem!important}.md\\:-mr-6{margin-right:-3rem!important}.md\\:-mr-7{margin-right:-4rem!important}.md\\:-mr-8{margin-right:-5rem!important}.md\\:mr-auto{margin-right:auto!important}.md\\:ml-0{margin-left:0rem!important}.md\\:ml-1{margin-left:.25rem!important}.md\\:ml-2{margin-left:.5rem!important}.md\\:ml-3{margin-left:1rem!important}.md\\:ml-4{margin-left:1.5rem!important}.md\\:ml-5{margin-left:2rem!important}.md\\:ml-6{margin-left:3rem!important}.md\\:ml-7{margin-left:4rem!important}.md\\:ml-8{margin-left:5rem!important}.md\\:-ml-1{margin-left:-.25rem!important}.md\\:-ml-2{margin-left:-.5rem!important}.md\\:-ml-3{margin-left:-1rem!important}.md\\:-ml-4{margin-left:-1.5rem!important}.md\\:-ml-5{margin-left:-2rem!important}.md\\:-ml-6{margin-left:-3rem!important}.md\\:-ml-7{margin-left:-4rem!important}.md\\:-ml-8{margin-left:-5rem!important}.md\\:ml-auto{margin-left:auto!important}.md\\:mb-0{margin-bottom:0rem!important}.md\\:mb-1{margin-bottom:.25rem!important}.md\\:mb-2{margin-bottom:.5rem!important}.md\\:mb-3{margin-bottom:1rem!important}.md\\:mb-4{margin-bottom:1.5rem!important}.md\\:mb-5{margin-bottom:2rem!important}.md\\:mb-6{margin-bottom:3rem!important}.md\\:mb-7{margin-bottom:4rem!important}.md\\:mb-8{margin-bottom:5rem!important}.md\\:-mb-1{margin-bottom:-.25rem!important}.md\\:-mb-2{margin-bottom:-.5rem!important}.md\\:-mb-3{margin-bottom:-1rem!important}.md\\:-mb-4{margin-bottom:-1.5rem!important}.md\\:-mb-5{margin-bottom:-2rem!important}.md\\:-mb-6{margin-bottom:-3rem!important}.md\\:-mb-7{margin-bottom:-4rem!important}.md\\:-mb-8{margin-bottom:-5rem!important}.md\\:mb-auto{margin-bottom:auto!important}.md\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.md\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.md\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.md\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.md\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.md\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.md\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.md\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.md\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.md\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.md\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.md\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.md\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.md\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.md\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.md\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.md\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.md\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.md\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.md\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.md\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.md\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.md\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.md\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.md\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.md\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.md\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.md\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.md\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.md\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.md\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.md\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.md\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.md\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.md\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.md\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}@media screen and (min-width:992px){.lg\\:m-0{margin:0rem!important}.lg\\:m-1{margin:.25rem!important}.lg\\:m-2{margin:.5rem!important}.lg\\:m-3{margin:1rem!important}.lg\\:m-4{margin:1.5rem!important}.lg\\:m-5{margin:2rem!important}.lg\\:m-6{margin:3rem!important}.lg\\:m-7{margin:4rem!important}.lg\\:m-8{margin:5rem!important}.lg\\:-m-1{margin:-.25rem!important}.lg\\:-m-2{margin:-.5rem!important}.lg\\:-m-3{margin:-1rem!important}.lg\\:-m-4{margin:-1.5rem!important}.lg\\:-m-5{margin:-2rem!important}.lg\\:-m-6{margin:-3rem!important}.lg\\:-m-7{margin:-4rem!important}.lg\\:-m-8{margin:-5rem!important}.lg\\:m-auto{margin:auto!important}.lg\\:mt-0{margin-top:0rem!important}.lg\\:mt-1{margin-top:.25rem!important}.lg\\:mt-2{margin-top:.5rem!important}.lg\\:mt-3{margin-top:1rem!important}.lg\\:mt-4{margin-top:1.5rem!important}.lg\\:mt-5{margin-top:2rem!important}.lg\\:mt-6{margin-top:3rem!important}.lg\\:mt-7{margin-top:4rem!important}.lg\\:mt-8{margin-top:5rem!important}.lg\\:-mt-1{margin-top:-.25rem!important}.lg\\:-mt-2{margin-top:-.5rem!important}.lg\\:-mt-3{margin-top:-1rem!important}.lg\\:-mt-4{margin-top:-1.5rem!important}.lg\\:-mt-5{margin-top:-2rem!important}.lg\\:-mt-6{margin-top:-3rem!important}.lg\\:-mt-7{margin-top:-4rem!important}.lg\\:-mt-8{margin-top:-5rem!important}.lg\\:mt-auto{margin-top:auto!important}.lg\\:mr-0{margin-right:0rem!important}.lg\\:mr-1{margin-right:.25rem!important}.lg\\:mr-2{margin-right:.5rem!important}.lg\\:mr-3{margin-right:1rem!important}.lg\\:mr-4{margin-right:1.5rem!important}.lg\\:mr-5{margin-right:2rem!important}.lg\\:mr-6{margin-right:3rem!important}.lg\\:mr-7{margin-right:4rem!important}.lg\\:mr-8{margin-right:5rem!important}.lg\\:-mr-1{margin-right:-.25rem!important}.lg\\:-mr-2{margin-right:-.5rem!important}.lg\\:-mr-3{margin-right:-1rem!important}.lg\\:-mr-4{margin-right:-1.5rem!important}.lg\\:-mr-5{margin-right:-2rem!important}.lg\\:-mr-6{margin-right:-3rem!important}.lg\\:-mr-7{margin-right:-4rem!important}.lg\\:-mr-8{margin-right:-5rem!important}.lg\\:mr-auto{margin-right:auto!important}.lg\\:ml-0{margin-left:0rem!important}.lg\\:ml-1{margin-left:.25rem!important}.lg\\:ml-2{margin-left:.5rem!important}.lg\\:ml-3{margin-left:1rem!important}.lg\\:ml-4{margin-left:1.5rem!important}.lg\\:ml-5{margin-left:2rem!important}.lg\\:ml-6{margin-left:3rem!important}.lg\\:ml-7{margin-left:4rem!important}.lg\\:ml-8{margin-left:5rem!important}.lg\\:-ml-1{margin-left:-.25rem!important}.lg\\:-ml-2{margin-left:-.5rem!important}.lg\\:-ml-3{margin-left:-1rem!important}.lg\\:-ml-4{margin-left:-1.5rem!important}.lg\\:-ml-5{margin-left:-2rem!important}.lg\\:-ml-6{margin-left:-3rem!important}.lg\\:-ml-7{margin-left:-4rem!important}.lg\\:-ml-8{margin-left:-5rem!important}.lg\\:ml-auto{margin-left:auto!important}.lg\\:mb-0{margin-bottom:0rem!important}.lg\\:mb-1{margin-bottom:.25rem!important}.lg\\:mb-2{margin-bottom:.5rem!important}.lg\\:mb-3{margin-bottom:1rem!important}.lg\\:mb-4{margin-bottom:1.5rem!important}.lg\\:mb-5{margin-bottom:2rem!important}.lg\\:mb-6{margin-bottom:3rem!important}.lg\\:mb-7{margin-bottom:4rem!important}.lg\\:mb-8{margin-bottom:5rem!important}.lg\\:-mb-1{margin-bottom:-.25rem!important}.lg\\:-mb-2{margin-bottom:-.5rem!important}.lg\\:-mb-3{margin-bottom:-1rem!important}.lg\\:-mb-4{margin-bottom:-1.5rem!important}.lg\\:-mb-5{margin-bottom:-2rem!important}.lg\\:-mb-6{margin-bottom:-3rem!important}.lg\\:-mb-7{margin-bottom:-4rem!important}.lg\\:-mb-8{margin-bottom:-5rem!important}.lg\\:mb-auto{margin-bottom:auto!important}.lg\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.lg\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.lg\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.lg\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.lg\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.lg\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.lg\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.lg\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.lg\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.lg\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.lg\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.lg\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.lg\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.lg\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.lg\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.lg\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.lg\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.lg\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.lg\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.lg\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.lg\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.lg\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.lg\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.lg\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.lg\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.lg\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.lg\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.lg\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.lg\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.lg\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.lg\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.lg\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.lg\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.lg\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.lg\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}@media screen and (min-width:1200px){.xl\\:m-0{margin:0rem!important}.xl\\:m-1{margin:.25rem!important}.xl\\:m-2{margin:.5rem!important}.xl\\:m-3{margin:1rem!important}.xl\\:m-4{margin:1.5rem!important}.xl\\:m-5{margin:2rem!important}.xl\\:m-6{margin:3rem!important}.xl\\:m-7{margin:4rem!important}.xl\\:m-8{margin:5rem!important}.xl\\:-m-1{margin:-.25rem!important}.xl\\:-m-2{margin:-.5rem!important}.xl\\:-m-3{margin:-1rem!important}.xl\\:-m-4{margin:-1.5rem!important}.xl\\:-m-5{margin:-2rem!important}.xl\\:-m-6{margin:-3rem!important}.xl\\:-m-7{margin:-4rem!important}.xl\\:-m-8{margin:-5rem!important}.xl\\:m-auto{margin:auto!important}.xl\\:mt-0{margin-top:0rem!important}.xl\\:mt-1{margin-top:.25rem!important}.xl\\:mt-2{margin-top:.5rem!important}.xl\\:mt-3{margin-top:1rem!important}.xl\\:mt-4{margin-top:1.5rem!important}.xl\\:mt-5{margin-top:2rem!important}.xl\\:mt-6{margin-top:3rem!important}.xl\\:mt-7{margin-top:4rem!important}.xl\\:mt-8{margin-top:5rem!important}.xl\\:-mt-1{margin-top:-.25rem!important}.xl\\:-mt-2{margin-top:-.5rem!important}.xl\\:-mt-3{margin-top:-1rem!important}.xl\\:-mt-4{margin-top:-1.5rem!important}.xl\\:-mt-5{margin-top:-2rem!important}.xl\\:-mt-6{margin-top:-3rem!important}.xl\\:-mt-7{margin-top:-4rem!important}.xl\\:-mt-8{margin-top:-5rem!important}.xl\\:mt-auto{margin-top:auto!important}.xl\\:mr-0{margin-right:0rem!important}.xl\\:mr-1{margin-right:.25rem!important}.xl\\:mr-2{margin-right:.5rem!important}.xl\\:mr-3{margin-right:1rem!important}.xl\\:mr-4{margin-right:1.5rem!important}.xl\\:mr-5{margin-right:2rem!important}.xl\\:mr-6{margin-right:3rem!important}.xl\\:mr-7{margin-right:4rem!important}.xl\\:mr-8{margin-right:5rem!important}.xl\\:-mr-1{margin-right:-.25rem!important}.xl\\:-mr-2{margin-right:-.5rem!important}.xl\\:-mr-3{margin-right:-1rem!important}.xl\\:-mr-4{margin-right:-1.5rem!important}.xl\\:-mr-5{margin-right:-2rem!important}.xl\\:-mr-6{margin-right:-3rem!important}.xl\\:-mr-7{margin-right:-4rem!important}.xl\\:-mr-8{margin-right:-5rem!important}.xl\\:mr-auto{margin-right:auto!important}.xl\\:ml-0{margin-left:0rem!important}.xl\\:ml-1{margin-left:.25rem!important}.xl\\:ml-2{margin-left:.5rem!important}.xl\\:ml-3{margin-left:1rem!important}.xl\\:ml-4{margin-left:1.5rem!important}.xl\\:ml-5{margin-left:2rem!important}.xl\\:ml-6{margin-left:3rem!important}.xl\\:ml-7{margin-left:4rem!important}.xl\\:ml-8{margin-left:5rem!important}.xl\\:-ml-1{margin-left:-.25rem!important}.xl\\:-ml-2{margin-left:-.5rem!important}.xl\\:-ml-3{margin-left:-1rem!important}.xl\\:-ml-4{margin-left:-1.5rem!important}.xl\\:-ml-5{margin-left:-2rem!important}.xl\\:-ml-6{margin-left:-3rem!important}.xl\\:-ml-7{margin-left:-4rem!important}.xl\\:-ml-8{margin-left:-5rem!important}.xl\\:ml-auto{margin-left:auto!important}.xl\\:mb-0{margin-bottom:0rem!important}.xl\\:mb-1{margin-bottom:.25rem!important}.xl\\:mb-2{margin-bottom:.5rem!important}.xl\\:mb-3{margin-bottom:1rem!important}.xl\\:mb-4{margin-bottom:1.5rem!important}.xl\\:mb-5{margin-bottom:2rem!important}.xl\\:mb-6{margin-bottom:3rem!important}.xl\\:mb-7{margin-bottom:4rem!important}.xl\\:mb-8{margin-bottom:5rem!important}.xl\\:-mb-1{margin-bottom:-.25rem!important}.xl\\:-mb-2{margin-bottom:-.5rem!important}.xl\\:-mb-3{margin-bottom:-1rem!important}.xl\\:-mb-4{margin-bottom:-1.5rem!important}.xl\\:-mb-5{margin-bottom:-2rem!important}.xl\\:-mb-6{margin-bottom:-3rem!important}.xl\\:-mb-7{margin-bottom:-4rem!important}.xl\\:-mb-8{margin-bottom:-5rem!important}.xl\\:mb-auto{margin-bottom:auto!important}.xl\\:mx-0{margin-left:0rem!important;margin-right:0rem!important}.xl\\:mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.xl\\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.xl\\:mx-3{margin-left:1rem!important;margin-right:1rem!important}.xl\\:mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.xl\\:mx-5{margin-left:2rem!important;margin-right:2rem!important}.xl\\:mx-6{margin-left:3rem!important;margin-right:3rem!important}.xl\\:mx-7{margin-left:4rem!important;margin-right:4rem!important}.xl\\:mx-8{margin-left:5rem!important;margin-right:5rem!important}.xl\\:-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.xl\\:-mx-2{margin-left:-.5rem!important;margin-right:-.5rem!important}.xl\\:-mx-3{margin-left:-1rem!important;margin-right:-1rem!important}.xl\\:-mx-4{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.xl\\:-mx-5{margin-left:-2rem!important;margin-right:-2rem!important}.xl\\:-mx-6{margin-left:-3rem!important;margin-right:-3rem!important}.xl\\:-mx-7{margin-left:-4rem!important;margin-right:-4rem!important}.xl\\:-mx-8{margin-left:-5rem!important;margin-right:-5rem!important}.xl\\:mx-auto{margin-left:auto!important;margin-right:auto!important}.xl\\:my-0{margin-top:0rem!important;margin-bottom:0rem!important}.xl\\:my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.xl\\:my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.xl\\:my-3{margin-top:1rem!important;margin-bottom:1rem!important}.xl\\:my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.xl\\:my-5{margin-top:2rem!important;margin-bottom:2rem!important}.xl\\:my-6{margin-top:3rem!important;margin-bottom:3rem!important}.xl\\:my-7{margin-top:4rem!important;margin-bottom:4rem!important}.xl\\:my-8{margin-top:5rem!important;margin-bottom:5rem!important}.xl\\:-my-1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.xl\\:-my-2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.xl\\:-my-3{margin-top:-1rem!important;margin-bottom:-1rem!important}.xl\\:-my-4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.xl\\:-my-5{margin-top:-2rem!important;margin-bottom:-2rem!important}.xl\\:-my-6{margin-top:-3rem!important;margin-bottom:-3rem!important}.xl\\:-my-7{margin-top:-4rem!important;margin-bottom:-4rem!important}.xl\\:-my-8{margin-top:-5rem!important;margin-bottom:-5rem!important}.xl\\:my-auto{margin-top:auto!important;margin-bottom:auto!important}}.shadow-none{box-shadow:none!important}.shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.focus\\:shadow-none:focus{box-shadow:none!important}.hover\\:shadow-none:hover,.active\\:shadow-none:active{box-shadow:none!important}.focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.hover\\:shadow-1:hover,.active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.hover\\:shadow-2:hover,.active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.hover\\:shadow-3:hover,.active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.hover\\:shadow-4:hover,.active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.hover\\:shadow-5:hover,.active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.hover\\:shadow-6:hover,.active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.hover\\:shadow-7:hover,.active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.hover\\:shadow-8:hover,.active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}@media screen and (min-width:576px){.sm\\:shadow-none{box-shadow:none!important}.sm\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.sm\\:focus\\:shadow-none:focus{box-shadow:none!important}.sm\\:hover\\:shadow-none:hover,.sm\\:active\\:shadow-none:active{box-shadow:none!important}.sm\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\\:hover\\:shadow-1:hover,.sm\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.sm\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\\:hover\\:shadow-2:hover,.sm\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.sm\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\\:hover\\:shadow-3:hover,.sm\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.sm\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\\:hover\\:shadow-4:hover,.sm\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.sm\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\\:hover\\:shadow-5:hover,.sm\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.sm\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\\:hover\\:shadow-6:hover,.sm\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.sm\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\\:hover\\:shadow-7:hover,.sm\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.sm\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.sm\\:hover\\:shadow-8:hover,.sm\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width:768px){.md\\:shadow-none{box-shadow:none!important}.md\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.md\\:focus\\:shadow-none:focus{box-shadow:none!important}.md\\:hover\\:shadow-none:hover,.md\\:active\\:shadow-none:active{box-shadow:none!important}.md\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\\:hover\\:shadow-1:hover,.md\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.md\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\\:hover\\:shadow-2:hover,.md\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.md\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\\:hover\\:shadow-3:hover,.md\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.md\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\\:hover\\:shadow-4:hover,.md\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.md\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\\:hover\\:shadow-5:hover,.md\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.md\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\\:hover\\:shadow-6:hover,.md\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.md\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\\:hover\\:shadow-7:hover,.md\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.md\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.md\\:hover\\:shadow-8:hover,.md\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width:992px){.lg\\:shadow-none{box-shadow:none!important}.lg\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.lg\\:focus\\:shadow-none:focus{box-shadow:none!important}.lg\\:hover\\:shadow-none:hover,.lg\\:active\\:shadow-none:active{box-shadow:none!important}.lg\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\\:hover\\:shadow-1:hover,.lg\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.lg\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\\:hover\\:shadow-2:hover,.lg\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.lg\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\\:hover\\:shadow-3:hover,.lg\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.lg\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\\:hover\\:shadow-4:hover,.lg\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.lg\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\\:hover\\:shadow-5:hover,.lg\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.lg\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\\:hover\\:shadow-6:hover,.lg\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.lg\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\\:hover\\:shadow-7:hover,.lg\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.lg\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.lg\\:hover\\:shadow-8:hover,.lg\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}@media screen and (min-width:1200px){.xl\\:shadow-none{box-shadow:none!important}.xl\\:shadow-1{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\\:shadow-2{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\\:shadow-3{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\\:shadow-4{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\\:shadow-5{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\\:shadow-6{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\\:shadow-7{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\\:shadow-8{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.xl\\:focus\\:shadow-none:focus{box-shadow:none!important}.xl\\:hover\\:shadow-none:hover,.xl\\:active\\:shadow-none:active{box-shadow:none!important}.xl\\:focus\\:shadow-1:focus{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\\:hover\\:shadow-1:hover,.xl\\:active\\:shadow-1:active{box-shadow:0 3px 5px #00000005,0 0 2px #0000000d,0 1px 4px #00000014!important}.xl\\:focus\\:shadow-2:focus{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\\:hover\\:shadow-2:hover,.xl\\:active\\:shadow-2:active{box-shadow:0 4px 10px #00000008,0 0 2px #0000000f,0 2px 6px #0000001f!important}.xl\\:focus\\:shadow-3:focus{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\\:hover\\:shadow-3:hover,.xl\\:active\\:shadow-3:active{box-shadow:0 1px 8px #00000014,0 3px 4px #0000001a,0 1px 4px -1px #0000001a!important}.xl\\:focus\\:shadow-4:focus{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\\:hover\\:shadow-4:hover,.xl\\:active\\:shadow-4:active{box-shadow:0 1px 10px #0000001f,0 4px 5px #00000024,0 2px 4px -1px #0003!important}.xl\\:focus\\:shadow-5:focus{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\\:hover\\:shadow-5:hover,.xl\\:active\\:shadow-5:active{box-shadow:0 1px 7px #0000001a,0 4px 5px -2px #0000001f,0 10px 15px -5px #0003!important}.xl\\:focus\\:shadow-6:focus{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\\:hover\\:shadow-6:hover,.xl\\:active\\:shadow-6:active{box-shadow:0 3px 5px #0000000f,0 7px 9px #0000001f,0 20px 25px -8px #0000002e!important}.xl\\:focus\\:shadow-7:focus{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\\:hover\\:shadow-7:hover,.xl\\:active\\:shadow-7:active{box-shadow:0 7px 30px #00000014,0 22px 30px 2px #00000026,0 8px 10px #00000026!important}.xl\\:focus\\:shadow-8:focus{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}.xl\\:hover\\:shadow-8:hover,.xl\\:active\\:shadow-8:active{box-shadow:0 9px 46px 8px #0000001f,0 24px 38px 3px #00000024,0 11px 15px #0003!important}}.border-none{border-width:0px!important;border-style:none}.border-1{border-width:1px!important;border-style:solid}.border-2{border-width:2px!important;border-style:solid}.border-3{border-width:3px!important;border-style:solid}.border-top-none{border-top-width:0px!important;border-top-style:none}.border-top-1{border-top-width:1px!important;border-top-style:solid}.border-top-2{border-top-width:2px!important;border-top-style:solid}.border-top-3{border-top-width:3px!important;border-top-style:solid}.border-right-none{border-right-width:0px!important;border-right-style:none}.border-right-1{border-right-width:1px!important;border-right-style:solid}.border-right-2{border-right-width:2px!important;border-right-style:solid}.border-right-3{border-right-width:3px!important;border-right-style:solid}.border-left-none{border-left-width:0px!important;border-left-style:none}.border-left-1{border-left-width:1px!important;border-left-style:solid}.border-left-2{border-left-width:2px!important;border-left-style:solid}.border-left-3{border-left-width:3px!important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}@media screen and (min-width:576px){.sm\\:border-none{border-width:0px!important;border-style:none}.sm\\:border-1{border-width:1px!important;border-style:solid}.sm\\:border-2{border-width:2px!important;border-style:solid}.sm\\:border-3{border-width:3px!important;border-style:solid}.sm\\:border-top-none{border-top-width:0px!important;border-top-style:none}.sm\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.sm\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.sm\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.sm\\:border-right-none{border-right-width:0px!important;border-right-style:none}.sm\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.sm\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.sm\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.sm\\:border-left-none{border-left-width:0px!important;border-left-style:none}.sm\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.sm\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.sm\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.sm\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.sm\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.sm\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.sm\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.sm\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.sm\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.sm\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.sm\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.sm\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.sm\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.sm\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.sm\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}@media screen and (min-width:768px){.md\\:border-none{border-width:0px!important;border-style:none}.md\\:border-1{border-width:1px!important;border-style:solid}.md\\:border-2{border-width:2px!important;border-style:solid}.md\\:border-3{border-width:3px!important;border-style:solid}.md\\:border-top-none{border-top-width:0px!important;border-top-style:none}.md\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.md\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.md\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.md\\:border-right-none{border-right-width:0px!important;border-right-style:none}.md\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.md\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.md\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.md\\:border-left-none{border-left-width:0px!important;border-left-style:none}.md\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.md\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.md\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.md\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.md\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.md\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.md\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.md\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.md\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.md\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.md\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.md\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.md\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.md\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.md\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}@media screen and (min-width:992px){.lg\\:border-none{border-width:0px!important;border-style:none}.lg\\:border-1{border-width:1px!important;border-style:solid}.lg\\:border-2{border-width:2px!important;border-style:solid}.lg\\:border-3{border-width:3px!important;border-style:solid}.lg\\:border-top-none{border-top-width:0px!important;border-top-style:none}.lg\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.lg\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.lg\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.lg\\:border-right-none{border-right-width:0px!important;border-right-style:none}.lg\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.lg\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.lg\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.lg\\:border-left-none{border-left-width:0px!important;border-left-style:none}.lg\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.lg\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.lg\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.lg\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.lg\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.lg\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.lg\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.lg\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.lg\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.lg\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.lg\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.lg\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.lg\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.lg\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.lg\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}@media screen and (min-width:1200px){.xl\\:border-none{border-width:0px!important;border-style:none}.xl\\:border-1{border-width:1px!important;border-style:solid}.xl\\:border-2{border-width:2px!important;border-style:solid}.xl\\:border-3{border-width:3px!important;border-style:solid}.xl\\:border-top-none{border-top-width:0px!important;border-top-style:none}.xl\\:border-top-1{border-top-width:1px!important;border-top-style:solid}.xl\\:border-top-2{border-top-width:2px!important;border-top-style:solid}.xl\\:border-top-3{border-top-width:3px!important;border-top-style:solid}.xl\\:border-right-none{border-right-width:0px!important;border-right-style:none}.xl\\:border-right-1{border-right-width:1px!important;border-right-style:solid}.xl\\:border-right-2{border-right-width:2px!important;border-right-style:solid}.xl\\:border-right-3{border-right-width:3px!important;border-right-style:solid}.xl\\:border-left-none{border-left-width:0px!important;border-left-style:none}.xl\\:border-left-1{border-left-width:1px!important;border-left-style:solid}.xl\\:border-left-2{border-left-width:2px!important;border-left-style:solid}.xl\\:border-left-3{border-left-width:3px!important;border-left-style:solid}.xl\\:border-bottom-none{border-bottom-width:0px!important;border-bottom-style:none}.xl\\:border-bottom-1{border-bottom-width:1px!important;border-bottom-style:solid}.xl\\:border-bottom-2{border-bottom-width:2px!important;border-bottom-style:solid}.xl\\:border-bottom-3{border-bottom-width:3px!important;border-bottom-style:solid}.xl\\:border-x-none{border-left-width:0px!important;border-left-style:none;border-right-width:0px!important;border-right-style:none}.xl\\:border-x-1{border-left-width:1px!important;border-left-style:solid;border-right-width:1px!important;border-right-style:solid}.xl\\:border-x-2{border-left-width:2px!important;border-left-style:solid;border-right-width:2px!important;border-right-style:solid}.xl\\:border-x-3{border-left-width:3px!important;border-left-style:solid;border-right-width:3px!important;border-right-style:solid}.xl\\:border-y-none{border-top-width:0px!important;border-top-style:none;border-bottom-width:0px!important;border-bottom-style:none}.xl\\:border-y-1{border-top-width:1px!important;border-top-style:solid;border-bottom-width:1px!important;border-bottom-style:solid}.xl\\:border-y-2{border-top-width:2px!important;border-top-style:solid;border-bottom-width:2px!important;border-bottom-style:solid}.xl\\:border-y-3{border-top-width:3px!important;border-top-style:solid;border-bottom-width:3px!important;border-bottom-style:solid}}.border-solid{border-style:solid!important}.border-dashed{border-style:dashed!important}.border-dotted{border-style:dotted!important}.border-double{border-style:double!important}@media screen and (min-width:576px){.sm\\:border-solid{border-style:solid!important}.sm\\:border-dashed{border-style:dashed!important}.sm\\:border-dotted{border-style:dotted!important}.sm\\:border-double{border-style:double!important}}@media screen and (min-width:768px){.md\\:border-solid{border-style:solid!important}.md\\:border-dashed{border-style:dashed!important}.md\\:border-dotted{border-style:dotted!important}.md\\:border-double{border-style:double!important}}@media screen and (min-width:992px){.lg\\:border-solid{border-style:solid!important}.lg\\:border-dashed{border-style:dashed!important}.lg\\:border-dotted{border-style:dotted!important}.lg\\:border-double{border-style:double!important}}@media screen and (min-width:1200px){.xl\\:border-solid{border-style:solid!important}.xl\\:border-dashed{border-style:dashed!important}.xl\\:border-dotted{border-style:dotted!important}.xl\\:border-double{border-style:double!important}}.border-noround{border-radius:0!important}.border-round{border-radius:var(--p-content-border-radius)!important}.border-round-xs{border-radius:.125rem!important}.border-round-sm{border-radius:.25rem!important}.border-round-md{border-radius:.375rem!important}.border-round-lg{border-radius:.5rem!important}.border-round-xl{border-radius:.75rem!important}.border-round-2xl{border-radius:1rem!important}.border-round-3xl{border-radius:1.5rem!important}.border-circle{border-radius:50%!important}@media screen and (min-width:576px){.sm\\:border-noround{border-radius:0!important}.sm\\:border-round{border-radius:var(--p-content-border-radius)!important}.sm\\:border-round-xs{border-radius:.125rem!important}.sm\\:border-round-sm{border-radius:.25rem!important}.sm\\:border-round-md{border-radius:.375rem!important}.sm\\:border-round-lg{border-radius:.5rem!important}.sm\\:border-round-xl{border-radius:.75rem!important}.sm\\:border-round-2xl{border-radius:1rem!important}.sm\\:border-round-3xl{border-radius:1.5rem!important}.sm\\:border-circle{border-radius:50%!important}}@media screen and (min-width:768px){.md\\:border-noround{border-radius:0!important}.md\\:border-round{border-radius:var(--p-content-border-radius)!important}.md\\:border-round-xs{border-radius:.125rem!important}.md\\:border-round-sm{border-radius:.25rem!important}.md\\:border-round-md{border-radius:.375rem!important}.md\\:border-round-lg{border-radius:.5rem!important}.md\\:border-round-xl{border-radius:.75rem!important}.md\\:border-round-2xl{border-radius:1rem!important}.md\\:border-round-3xl{border-radius:1.5rem!important}.md\\:border-circle{border-radius:50%!important}}@media screen and (min-width:992px){.lg\\:border-noround{border-radius:0!important}.lg\\:border-round{border-radius:var(--p-content-border-radius)!important}.lg\\:border-round-xs{border-radius:.125rem!important}.lg\\:border-round-sm{border-radius:.25rem!important}.lg\\:border-round-md{border-radius:.375rem!important}.lg\\:border-round-lg{border-radius:.5rem!important}.lg\\:border-round-xl{border-radius:.75rem!important}.lg\\:border-round-2xl{border-radius:1rem!important}.lg\\:border-round-3xl{border-radius:1.5rem!important}.lg\\:border-circle{border-radius:50%!important}}@media screen and (min-width:1200px){.xl\\:border-noround{border-radius:0!important}.xl\\:border-round{border-radius:var(--p-content-border-radius)!important}.xl\\:border-round-xs{border-radius:.125rem!important}.xl\\:border-round-sm{border-radius:.25rem!important}.xl\\:border-round-md{border-radius:.375rem!important}.xl\\:border-round-lg{border-radius:.5rem!important}.xl\\:border-round-xl{border-radius:.75rem!important}.xl\\:border-round-2xl{border-radius:1rem!important}.xl\\:border-round-3xl{border-radius:1.5rem!important}.xl\\:border-circle{border-radius:50%!important}}.border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}@media screen and (min-width:576px){.sm\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.sm\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.sm\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.sm\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.sm\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.sm\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.sm\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.sm\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.sm\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.sm\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.sm\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.sm\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.sm\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.sm\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.sm\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.sm\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.sm\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.sm\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.sm\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.sm\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.sm\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.sm\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.sm\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.sm\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.sm\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.sm\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.sm\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.sm\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.sm\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.sm\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.sm\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.sm\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.sm\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.sm\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.sm\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.sm\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.sm\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.sm\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.sm\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.sm\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}@media screen and (min-width:768px){.md\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.md\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.md\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.md\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.md\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.md\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.md\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.md\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.md\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.md\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.md\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.md\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.md\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.md\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.md\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.md\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.md\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.md\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.md\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.md\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.md\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.md\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.md\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.md\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.md\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.md\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.md\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.md\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.md\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.md\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.md\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.md\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.md\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.md\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.md\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.md\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.md\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.md\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.md\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.md\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}@media screen and (min-width:992px){.lg\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.lg\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.lg\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.lg\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.lg\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.lg\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.lg\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.lg\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.lg\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.lg\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.lg\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.lg\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.lg\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.lg\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.lg\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.lg\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.lg\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.lg\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.lg\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.lg\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.lg\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.lg\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.lg\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.lg\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.lg\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.lg\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.lg\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.lg\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.lg\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.lg\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.lg\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.lg\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.lg\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.lg\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.lg\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.lg\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.lg\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.lg\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.lg\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.lg\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}@media screen and (min-width:1200px){.xl\\:border-noround-left{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xl\\:border-noround-top{border-top-left-radius:0!important;border-top-right-radius:0!important}.xl\\:border-noround-right{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.xl\\:border-noround-bottom{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.xl\\:border-round-left{border-top-left-radius:var(--p-content-border-radius)!important;border-bottom-left-radius:var(--p-content-border-radius)!important}.xl\\:border-round-top{border-top-left-radius:var(--p-content-border-radius)!important;border-top-right-radius:var(--p-content-border-radius)!important}.xl\\:border-round-right{border-top-right-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.xl\\:border-round-bottom{border-bottom-left-radius:var(--p-content-border-radius)!important;border-bottom-right-radius:var(--p-content-border-radius)!important}.xl\\:border-round-left-xs{border-top-left-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.xl\\:border-round-top-xs{border-top-left-radius:.125rem!important;border-top-right-radius:.125rem!important}.xl\\:border-round-right-xs{border-top-right-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.xl\\:border-round-bottom-xs{border-bottom-left-radius:.125rem!important;border-bottom-right-radius:.125rem!important}.xl\\:border-round-left-sm{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.xl\\:border-round-top-sm{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.xl\\:border-round-right-sm{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.xl\\:border-round-bottom-sm{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.xl\\:border-round-left-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.xl\\:border-round-top-md{border-top-left-radius:.375rem!important;border-top-right-radius:.375rem!important}.xl\\:border-round-right-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.xl\\:border-round-bottom-md{border-bottom-left-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.xl\\:border-round-left-lg{border-top-left-radius:.5rem!important;border-bottom-left-radius:.5rem!important}.xl\\:border-round-top-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.xl\\:border-round-right-lg{border-top-right-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.xl\\:border-round-bottom-lg{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.xl\\:border-round-left-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.xl\\:border-round-top-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.xl\\:border-round-right-xl{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.xl\\:border-round-bottom-xl{border-bottom-left-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.xl\\:border-round-left-2xl{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.xl\\:border-round-top-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.xl\\:border-round-right-2xl{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}.xl\\:border-round-bottom-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.xl\\:border-round-left-3xl{border-top-left-radius:1.5rem!important;border-bottom-left-radius:1.5rem!important}.xl\\:border-round-top-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.xl\\:border-round-right-3xl{border-top-right-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.xl\\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem!important;border-bottom-right-radius:1.5rem!important}.xl\\:border-circle-left{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.xl\\:border-circle-top{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.xl\\:border-circle-right{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.xl\\:border-circle-bottom{border-bottom-left-radius:50%!important;border-bottom-right-radius:50%!important}}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-auto{width:auto!important}.w-1{width:8.3333%!important}.w-2{width:16.6667%!important}.w-3{width:25%!important}.w-4{width:33.3333%!important}.w-5{width:41.6667%!important}.w-6{width:50%!important}.w-7{width:58.3333%!important}.w-8{width:66.6667%!important}.w-9{width:75%!important}.w-10{width:83.3333%!important}.w-11{width:91.6667%!important}.w-12{width:100%!important}.w-min{width:min-content!important}.w-max{width:max-content!important}.w-fit{width:fit-content!important}.w-1rem{width:1rem!important}.w-2rem{width:2rem!important}.w-3rem{width:3rem!important}.w-4rem{width:4rem!important}.w-5rem{width:5rem!important}.w-6rem{width:6rem!important}.w-7rem{width:7rem!important}.w-8rem{width:8rem!important}.w-9rem{width:9rem!important}.w-10rem{width:10rem!important}.w-11rem{width:11rem!important}.w-12rem{width:12rem!important}.w-13rem{width:13rem!important}.w-14rem{width:14rem!important}.w-15rem{width:15rem!important}.w-16rem{width:16rem!important}.w-17rem{width:17rem!important}.w-18rem{width:18rem!important}.w-19rem{width:19rem!important}.w-20rem{width:20rem!important}.w-21rem{width:21rem!important}.w-22rem{width:22rem!important}.w-23rem{width:23rem!important}.w-24rem{width:24rem!important}.w-25rem{width:25rem!important}.w-26rem{width:26rem!important}.w-27rem{width:27rem!important}.w-28rem{width:28rem!important}.w-29rem{width:29rem!important}.w-30rem{width:30rem!important}@media screen and (min-width:576px){.sm\\:w-full{width:100%!important}.sm\\:w-screen{width:100vw!important}.sm\\:w-auto{width:auto!important}.sm\\:w-1{width:8.3333%!important}.sm\\:w-2{width:16.6667%!important}.sm\\:w-3{width:25%!important}.sm\\:w-4{width:33.3333%!important}.sm\\:w-5{width:41.6667%!important}.sm\\:w-6{width:50%!important}.sm\\:w-7{width:58.3333%!important}.sm\\:w-8{width:66.6667%!important}.sm\\:w-9{width:75%!important}.sm\\:w-10{width:83.3333%!important}.sm\\:w-11{width:91.6667%!important}.sm\\:w-12{width:100%!important}.sm\\:w-min{width:min-content!important}.sm\\:w-max{width:max-content!important}.sm\\:w-fit{width:fit-content!important}.sm\\:w-1rem{width:1rem!important}.sm\\:w-2rem{width:2rem!important}.sm\\:w-3rem{width:3rem!important}.sm\\:w-4rem{width:4rem!important}.sm\\:w-5rem{width:5rem!important}.sm\\:w-6rem{width:6rem!important}.sm\\:w-7rem{width:7rem!important}.sm\\:w-8rem{width:8rem!important}.sm\\:w-9rem{width:9rem!important}.sm\\:w-10rem{width:10rem!important}.sm\\:w-11rem{width:11rem!important}.sm\\:w-12rem{width:12rem!important}.sm\\:w-13rem{width:13rem!important}.sm\\:w-14rem{width:14rem!important}.sm\\:w-15rem{width:15rem!important}.sm\\:w-16rem{width:16rem!important}.sm\\:w-17rem{width:17rem!important}.sm\\:w-18rem{width:18rem!important}.sm\\:w-19rem{width:19rem!important}.sm\\:w-20rem{width:20rem!important}.sm\\:w-21rem{width:21rem!important}.sm\\:w-22rem{width:22rem!important}.sm\\:w-23rem{width:23rem!important}.sm\\:w-24rem{width:24rem!important}.sm\\:w-25rem{width:25rem!important}.sm\\:w-26rem{width:26rem!important}.sm\\:w-27rem{width:27rem!important}.sm\\:w-28rem{width:28rem!important}.sm\\:w-29rem{width:29rem!important}.sm\\:w-30rem{width:30rem!important}}@media screen and (min-width:768px){.md\\:w-full{width:100%!important}.md\\:w-screen{width:100vw!important}.md\\:w-auto{width:auto!important}.md\\:w-1{width:8.3333%!important}.md\\:w-2{width:16.6667%!important}.md\\:w-3{width:25%!important}.md\\:w-4{width:33.3333%!important}.md\\:w-5{width:41.6667%!important}.md\\:w-6{width:50%!important}.md\\:w-7{width:58.3333%!important}.md\\:w-8{width:66.6667%!important}.md\\:w-9{width:75%!important}.md\\:w-10{width:83.3333%!important}.md\\:w-11{width:91.6667%!important}.md\\:w-12{width:100%!important}.md\\:w-min{width:min-content!important}.md\\:w-max{width:max-content!important}.md\\:w-fit{width:fit-content!important}.md\\:w-1rem{width:1rem!important}.md\\:w-2rem{width:2rem!important}.md\\:w-3rem{width:3rem!important}.md\\:w-4rem{width:4rem!important}.md\\:w-5rem{width:5rem!important}.md\\:w-6rem{width:6rem!important}.md\\:w-7rem{width:7rem!important}.md\\:w-8rem{width:8rem!important}.md\\:w-9rem{width:9rem!important}.md\\:w-10rem{width:10rem!important}.md\\:w-11rem{width:11rem!important}.md\\:w-12rem{width:12rem!important}.md\\:w-13rem{width:13rem!important}.md\\:w-14rem{width:14rem!important}.md\\:w-15rem{width:15rem!important}.md\\:w-16rem{width:16rem!important}.md\\:w-17rem{width:17rem!important}.md\\:w-18rem{width:18rem!important}.md\\:w-19rem{width:19rem!important}.md\\:w-20rem{width:20rem!important}.md\\:w-21rem{width:21rem!important}.md\\:w-22rem{width:22rem!important}.md\\:w-23rem{width:23rem!important}.md\\:w-24rem{width:24rem!important}.md\\:w-25rem{width:25rem!important}.md\\:w-26rem{width:26rem!important}.md\\:w-27rem{width:27rem!important}.md\\:w-28rem{width:28rem!important}.md\\:w-29rem{width:29rem!important}.md\\:w-30rem{width:30rem!important}}@media screen and (min-width:992px){.lg\\:w-full{width:100%!important}.lg\\:w-screen{width:100vw!important}.lg\\:w-auto{width:auto!important}.lg\\:w-1{width:8.3333%!important}.lg\\:w-2{width:16.6667%!important}.lg\\:w-3{width:25%!important}.lg\\:w-4{width:33.3333%!important}.lg\\:w-5{width:41.6667%!important}.lg\\:w-6{width:50%!important}.lg\\:w-7{width:58.3333%!important}.lg\\:w-8{width:66.6667%!important}.lg\\:w-9{width:75%!important}.lg\\:w-10{width:83.3333%!important}.lg\\:w-11{width:91.6667%!important}.lg\\:w-12{width:100%!important}.lg\\:w-min{width:min-content!important}.lg\\:w-max{width:max-content!important}.lg\\:w-fit{width:fit-content!important}.lg\\:w-1rem{width:1rem!important}.lg\\:w-2rem{width:2rem!important}.lg\\:w-3rem{width:3rem!important}.lg\\:w-4rem{width:4rem!important}.lg\\:w-5rem{width:5rem!important}.lg\\:w-6rem{width:6rem!important}.lg\\:w-7rem{width:7rem!important}.lg\\:w-8rem{width:8rem!important}.lg\\:w-9rem{width:9rem!important}.lg\\:w-10rem{width:10rem!important}.lg\\:w-11rem{width:11rem!important}.lg\\:w-12rem{width:12rem!important}.lg\\:w-13rem{width:13rem!important}.lg\\:w-14rem{width:14rem!important}.lg\\:w-15rem{width:15rem!important}.lg\\:w-16rem{width:16rem!important}.lg\\:w-17rem{width:17rem!important}.lg\\:w-18rem{width:18rem!important}.lg\\:w-19rem{width:19rem!important}.lg\\:w-20rem{width:20rem!important}.lg\\:w-21rem{width:21rem!important}.lg\\:w-22rem{width:22rem!important}.lg\\:w-23rem{width:23rem!important}.lg\\:w-24rem{width:24rem!important}.lg\\:w-25rem{width:25rem!important}.lg\\:w-26rem{width:26rem!important}.lg\\:w-27rem{width:27rem!important}.lg\\:w-28rem{width:28rem!important}.lg\\:w-29rem{width:29rem!important}.lg\\:w-30rem{width:30rem!important}}@media screen and (min-width:1200px){.xl\\:w-full{width:100%!important}.xl\\:w-screen{width:100vw!important}.xl\\:w-auto{width:auto!important}.xl\\:w-1{width:8.3333%!important}.xl\\:w-2{width:16.6667%!important}.xl\\:w-3{width:25%!important}.xl\\:w-4{width:33.3333%!important}.xl\\:w-5{width:41.6667%!important}.xl\\:w-6{width:50%!important}.xl\\:w-7{width:58.3333%!important}.xl\\:w-8{width:66.6667%!important}.xl\\:w-9{width:75%!important}.xl\\:w-10{width:83.3333%!important}.xl\\:w-11{width:91.6667%!important}.xl\\:w-12{width:100%!important}.xl\\:w-min{width:min-content!important}.xl\\:w-max{width:max-content!important}.xl\\:w-fit{width:fit-content!important}.xl\\:w-1rem{width:1rem!important}.xl\\:w-2rem{width:2rem!important}.xl\\:w-3rem{width:3rem!important}.xl\\:w-4rem{width:4rem!important}.xl\\:w-5rem{width:5rem!important}.xl\\:w-6rem{width:6rem!important}.xl\\:w-7rem{width:7rem!important}.xl\\:w-8rem{width:8rem!important}.xl\\:w-9rem{width:9rem!important}.xl\\:w-10rem{width:10rem!important}.xl\\:w-11rem{width:11rem!important}.xl\\:w-12rem{width:12rem!important}.xl\\:w-13rem{width:13rem!important}.xl\\:w-14rem{width:14rem!important}.xl\\:w-15rem{width:15rem!important}.xl\\:w-16rem{width:16rem!important}.xl\\:w-17rem{width:17rem!important}.xl\\:w-18rem{width:18rem!important}.xl\\:w-19rem{width:19rem!important}.xl\\:w-20rem{width:20rem!important}.xl\\:w-21rem{width:21rem!important}.xl\\:w-22rem{width:22rem!important}.xl\\:w-23rem{width:23rem!important}.xl\\:w-24rem{width:24rem!important}.xl\\:w-25rem{width:25rem!important}.xl\\:w-26rem{width:26rem!important}.xl\\:w-27rem{width:27rem!important}.xl\\:w-28rem{width:28rem!important}.xl\\:w-29rem{width:29rem!important}.xl\\:w-30rem{width:30rem!important}}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-auto{height:auto!important}.h-min{height:min-content!important}.h-max{height:max-content!important}.h-fit{height:fit-content!important}.h-1rem{height:1rem!important}.h-2rem{height:2rem!important}.h-3rem{height:3rem!important}.h-4rem{height:4rem!important}.h-5rem{height:5rem!important}.h-6rem{height:6rem!important}.h-7rem{height:7rem!important}.h-8rem{height:8rem!important}.h-9rem{height:9rem!important}.h-10rem{height:10rem!important}.h-11rem{height:11rem!important}.h-12rem{height:12rem!important}.h-13rem{height:13rem!important}.h-14rem{height:14rem!important}.h-15rem{height:15rem!important}.h-16rem{height:16rem!important}.h-17rem{height:17rem!important}.h-18rem{height:18rem!important}.h-19rem{height:19rem!important}.h-20rem{height:20rem!important}.h-21rem{height:21rem!important}.h-22rem{height:22rem!important}.h-23rem{height:23rem!important}.h-24rem{height:24rem!important}.h-25rem{height:25rem!important}.h-26rem{height:26rem!important}.h-27rem{height:27rem!important}.h-28rem{height:28rem!important}.h-29rem{height:29rem!important}.h-30rem{height:30rem!important}@media screen and (min-width:576px){.sm\\:h-full{height:100%!important}.sm\\:h-screen{height:100vh!important}.sm\\:h-auto{height:auto!important}.sm\\:h-min{height:min-content!important}.sm\\:h-max{height:max-content!important}.sm\\:h-fit{height:fit-content!important}.sm\\:h-1rem{height:1rem!important}.sm\\:h-2rem{height:2rem!important}.sm\\:h-3rem{height:3rem!important}.sm\\:h-4rem{height:4rem!important}.sm\\:h-5rem{height:5rem!important}.sm\\:h-6rem{height:6rem!important}.sm\\:h-7rem{height:7rem!important}.sm\\:h-8rem{height:8rem!important}.sm\\:h-9rem{height:9rem!important}.sm\\:h-10rem{height:10rem!important}.sm\\:h-11rem{height:11rem!important}.sm\\:h-12rem{height:12rem!important}.sm\\:h-13rem{height:13rem!important}.sm\\:h-14rem{height:14rem!important}.sm\\:h-15rem{height:15rem!important}.sm\\:h-16rem{height:16rem!important}.sm\\:h-17rem{height:17rem!important}.sm\\:h-18rem{height:18rem!important}.sm\\:h-19rem{height:19rem!important}.sm\\:h-20rem{height:20rem!important}.sm\\:h-21rem{height:21rem!important}.sm\\:h-22rem{height:22rem!important}.sm\\:h-23rem{height:23rem!important}.sm\\:h-24rem{height:24rem!important}.sm\\:h-25rem{height:25rem!important}.sm\\:h-26rem{height:26rem!important}.sm\\:h-27rem{height:27rem!important}.sm\\:h-28rem{height:28rem!important}.sm\\:h-29rem{height:29rem!important}.sm\\:h-30rem{height:30rem!important}}@media screen and (min-width:768px){.md\\:h-full{height:100%!important}.md\\:h-screen{height:100vh!important}.md\\:h-auto{height:auto!important}.md\\:h-min{height:min-content!important}.md\\:h-max{height:max-content!important}.md\\:h-fit{height:fit-content!important}.md\\:h-1rem{height:1rem!important}.md\\:h-2rem{height:2rem!important}.md\\:h-3rem{height:3rem!important}.md\\:h-4rem{height:4rem!important}.md\\:h-5rem{height:5rem!important}.md\\:h-6rem{height:6rem!important}.md\\:h-7rem{height:7rem!important}.md\\:h-8rem{height:8rem!important}.md\\:h-9rem{height:9rem!important}.md\\:h-10rem{height:10rem!important}.md\\:h-11rem{height:11rem!important}.md\\:h-12rem{height:12rem!important}.md\\:h-13rem{height:13rem!important}.md\\:h-14rem{height:14rem!important}.md\\:h-15rem{height:15rem!important}.md\\:h-16rem{height:16rem!important}.md\\:h-17rem{height:17rem!important}.md\\:h-18rem{height:18rem!important}.md\\:h-19rem{height:19rem!important}.md\\:h-20rem{height:20rem!important}.md\\:h-21rem{height:21rem!important}.md\\:h-22rem{height:22rem!important}.md\\:h-23rem{height:23rem!important}.md\\:h-24rem{height:24rem!important}.md\\:h-25rem{height:25rem!important}.md\\:h-26rem{height:26rem!important}.md\\:h-27rem{height:27rem!important}.md\\:h-28rem{height:28rem!important}.md\\:h-29rem{height:29rem!important}.md\\:h-30rem{height:30rem!important}}@media screen and (min-width:992px){.lg\\:h-full{height:100%!important}.lg\\:h-screen{height:100vh!important}.lg\\:h-auto{height:auto!important}.lg\\:h-min{height:min-content!important}.lg\\:h-max{height:max-content!important}.lg\\:h-fit{height:fit-content!important}.lg\\:h-1rem{height:1rem!important}.lg\\:h-2rem{height:2rem!important}.lg\\:h-3rem{height:3rem!important}.lg\\:h-4rem{height:4rem!important}.lg\\:h-5rem{height:5rem!important}.lg\\:h-6rem{height:6rem!important}.lg\\:h-7rem{height:7rem!important}.lg\\:h-8rem{height:8rem!important}.lg\\:h-9rem{height:9rem!important}.lg\\:h-10rem{height:10rem!important}.lg\\:h-11rem{height:11rem!important}.lg\\:h-12rem{height:12rem!important}.lg\\:h-13rem{height:13rem!important}.lg\\:h-14rem{height:14rem!important}.lg\\:h-15rem{height:15rem!important}.lg\\:h-16rem{height:16rem!important}.lg\\:h-17rem{height:17rem!important}.lg\\:h-18rem{height:18rem!important}.lg\\:h-19rem{height:19rem!important}.lg\\:h-20rem{height:20rem!important}.lg\\:h-21rem{height:21rem!important}.lg\\:h-22rem{height:22rem!important}.lg\\:h-23rem{height:23rem!important}.lg\\:h-24rem{height:24rem!important}.lg\\:h-25rem{height:25rem!important}.lg\\:h-26rem{height:26rem!important}.lg\\:h-27rem{height:27rem!important}.lg\\:h-28rem{height:28rem!important}.lg\\:h-29rem{height:29rem!important}.lg\\:h-30rem{height:30rem!important}}@media screen and (min-width:1200px){.xl\\:h-full{height:100%!important}.xl\\:h-screen{height:100vh!important}.xl\\:h-auto{height:auto!important}.xl\\:h-min{height:min-content!important}.xl\\:h-max{height:max-content!important}.xl\\:h-fit{height:fit-content!important}.xl\\:h-1rem{height:1rem!important}.xl\\:h-2rem{height:2rem!important}.xl\\:h-3rem{height:3rem!important}.xl\\:h-4rem{height:4rem!important}.xl\\:h-5rem{height:5rem!important}.xl\\:h-6rem{height:6rem!important}.xl\\:h-7rem{height:7rem!important}.xl\\:h-8rem{height:8rem!important}.xl\\:h-9rem{height:9rem!important}.xl\\:h-10rem{height:10rem!important}.xl\\:h-11rem{height:11rem!important}.xl\\:h-12rem{height:12rem!important}.xl\\:h-13rem{height:13rem!important}.xl\\:h-14rem{height:14rem!important}.xl\\:h-15rem{height:15rem!important}.xl\\:h-16rem{height:16rem!important}.xl\\:h-17rem{height:17rem!important}.xl\\:h-18rem{height:18rem!important}.xl\\:h-19rem{height:19rem!important}.xl\\:h-20rem{height:20rem!important}.xl\\:h-21rem{height:21rem!important}.xl\\:h-22rem{height:22rem!important}.xl\\:h-23rem{height:23rem!important}.xl\\:h-24rem{height:24rem!important}.xl\\:h-25rem{height:25rem!important}.xl\\:h-26rem{height:26rem!important}.xl\\:h-27rem{height:27rem!important}.xl\\:h-28rem{height:28rem!important}.xl\\:h-29rem{height:29rem!important}.xl\\:h-30rem{height:30rem!important}}.min-w-0{min-width:0px!important}.min-w-full{min-width:100%!important}.min-w-screen{min-width:100vw!important}.min-w-min{min-width:min-content!important}.min-w-max{min-width:max-content!important}@media screen and (min-width:576px){.sm\\:min-w-0{min-width:0px!important}.sm\\:min-w-full{min-width:100%!important}.sm\\:min-w-screen{min-width:100vw!important}.sm\\:min-w-min{min-width:min-content!important}.sm\\:min-w-max{min-width:max-content!important}}@media screen and (min-width:768px){.md\\:min-w-0{min-width:0px!important}.md\\:min-w-full{min-width:100%!important}.md\\:min-w-screen{min-width:100vw!important}.md\\:min-w-min{min-width:min-content!important}.md\\:min-w-max{min-width:max-content!important}}@media screen and (min-width:992px){.lg\\:min-w-0{min-width:0px!important}.lg\\:min-w-full{min-width:100%!important}.lg\\:min-w-screen{min-width:100vw!important}.lg\\:min-w-min{min-width:min-content!important}.lg\\:min-w-max{min-width:max-content!important}}@media screen and (min-width:1200px){.xl\\:min-w-0{min-width:0px!important}.xl\\:min-w-full{min-width:100%!important}.xl\\:min-w-screen{min-width:100vw!important}.xl\\:min-w-min{min-width:min-content!important}.xl\\:min-w-max{min-width:max-content!important}}.max-w-0{max-width:0px!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.max-w-min{max-width:min-content!important}.max-w-max{max-width:max-content!important}.max-w-fit{max-width:fit-content!important}.max-w-1rem{max-width:1rem!important}.max-w-2rem{max-width:2rem!important}.max-w-3rem{max-width:3rem!important}.max-w-4rem{max-width:4rem!important}.max-w-5rem{max-width:5rem!important}.max-w-6rem{max-width:6rem!important}.max-w-7rem{max-width:7rem!important}.max-w-8rem{max-width:8rem!important}.max-w-9rem{max-width:9rem!important}.max-w-10rem{max-width:10rem!important}.max-w-11rem{max-width:11rem!important}.max-w-12rem{max-width:12rem!important}.max-w-13rem{max-width:13rem!important}.max-w-14rem{max-width:14rem!important}.max-w-15rem{max-width:15rem!important}.max-w-16rem{max-width:16rem!important}.max-w-17rem{max-width:17rem!important}.max-w-18rem{max-width:18rem!important}.max-w-19rem{max-width:19rem!important}.max-w-20rem{max-width:20rem!important}.max-w-21rem{max-width:21rem!important}.max-w-22rem{max-width:22rem!important}.max-w-23rem{max-width:23rem!important}.max-w-24rem{max-width:24rem!important}.max-w-25rem{max-width:25rem!important}.max-w-26rem{max-width:26rem!important}.max-w-27rem{max-width:27rem!important}.max-w-28rem{max-width:28rem!important}.max-w-29rem{max-width:29rem!important}.max-w-30rem{max-width:30rem!important}@media screen and (min-width:576px){.sm\\:max-w-0{max-width:0px!important}.sm\\:max-w-full{max-width:100%!important}.sm\\:max-w-screen{max-width:100vw!important}.sm\\:max-w-min{max-width:min-content!important}.sm\\:max-w-max{max-width:max-content!important}.sm\\:max-w-fit{max-width:fit-content!important}.sm\\:max-w-1rem{max-width:1rem!important}.sm\\:max-w-2rem{max-width:2rem!important}.sm\\:max-w-3rem{max-width:3rem!important}.sm\\:max-w-4rem{max-width:4rem!important}.sm\\:max-w-5rem{max-width:5rem!important}.sm\\:max-w-6rem{max-width:6rem!important}.sm\\:max-w-7rem{max-width:7rem!important}.sm\\:max-w-8rem{max-width:8rem!important}.sm\\:max-w-9rem{max-width:9rem!important}.sm\\:max-w-10rem{max-width:10rem!important}.sm\\:max-w-11rem{max-width:11rem!important}.sm\\:max-w-12rem{max-width:12rem!important}.sm\\:max-w-13rem{max-width:13rem!important}.sm\\:max-w-14rem{max-width:14rem!important}.sm\\:max-w-15rem{max-width:15rem!important}.sm\\:max-w-16rem{max-width:16rem!important}.sm\\:max-w-17rem{max-width:17rem!important}.sm\\:max-w-18rem{max-width:18rem!important}.sm\\:max-w-19rem{max-width:19rem!important}.sm\\:max-w-20rem{max-width:20rem!important}.sm\\:max-w-21rem{max-width:21rem!important}.sm\\:max-w-22rem{max-width:22rem!important}.sm\\:max-w-23rem{max-width:23rem!important}.sm\\:max-w-24rem{max-width:24rem!important}.sm\\:max-w-25rem{max-width:25rem!important}.sm\\:max-w-26rem{max-width:26rem!important}.sm\\:max-w-27rem{max-width:27rem!important}.sm\\:max-w-28rem{max-width:28rem!important}.sm\\:max-w-29rem{max-width:29rem!important}.sm\\:max-w-30rem{max-width:30rem!important}}@media screen and (min-width:768px){.md\\:max-w-0{max-width:0px!important}.md\\:max-w-full{max-width:100%!important}.md\\:max-w-screen{max-width:100vw!important}.md\\:max-w-min{max-width:min-content!important}.md\\:max-w-max{max-width:max-content!important}.md\\:max-w-fit{max-width:fit-content!important}.md\\:max-w-1rem{max-width:1rem!important}.md\\:max-w-2rem{max-width:2rem!important}.md\\:max-w-3rem{max-width:3rem!important}.md\\:max-w-4rem{max-width:4rem!important}.md\\:max-w-5rem{max-width:5rem!important}.md\\:max-w-6rem{max-width:6rem!important}.md\\:max-w-7rem{max-width:7rem!important}.md\\:max-w-8rem{max-width:8rem!important}.md\\:max-w-9rem{max-width:9rem!important}.md\\:max-w-10rem{max-width:10rem!important}.md\\:max-w-11rem{max-width:11rem!important}.md\\:max-w-12rem{max-width:12rem!important}.md\\:max-w-13rem{max-width:13rem!important}.md\\:max-w-14rem{max-width:14rem!important}.md\\:max-w-15rem{max-width:15rem!important}.md\\:max-w-16rem{max-width:16rem!important}.md\\:max-w-17rem{max-width:17rem!important}.md\\:max-w-18rem{max-width:18rem!important}.md\\:max-w-19rem{max-width:19rem!important}.md\\:max-w-20rem{max-width:20rem!important}.md\\:max-w-21rem{max-width:21rem!important}.md\\:max-w-22rem{max-width:22rem!important}.md\\:max-w-23rem{max-width:23rem!important}.md\\:max-w-24rem{max-width:24rem!important}.md\\:max-w-25rem{max-width:25rem!important}.md\\:max-w-26rem{max-width:26rem!important}.md\\:max-w-27rem{max-width:27rem!important}.md\\:max-w-28rem{max-width:28rem!important}.md\\:max-w-29rem{max-width:29rem!important}.md\\:max-w-30rem{max-width:30rem!important}}@media screen and (min-width:992px){.lg\\:max-w-0{max-width:0px!important}.lg\\:max-w-full{max-width:100%!important}.lg\\:max-w-screen{max-width:100vw!important}.lg\\:max-w-min{max-width:min-content!important}.lg\\:max-w-max{max-width:max-content!important}.lg\\:max-w-fit{max-width:fit-content!important}.lg\\:max-w-1rem{max-width:1rem!important}.lg\\:max-w-2rem{max-width:2rem!important}.lg\\:max-w-3rem{max-width:3rem!important}.lg\\:max-w-4rem{max-width:4rem!important}.lg\\:max-w-5rem{max-width:5rem!important}.lg\\:max-w-6rem{max-width:6rem!important}.lg\\:max-w-7rem{max-width:7rem!important}.lg\\:max-w-8rem{max-width:8rem!important}.lg\\:max-w-9rem{max-width:9rem!important}.lg\\:max-w-10rem{max-width:10rem!important}.lg\\:max-w-11rem{max-width:11rem!important}.lg\\:max-w-12rem{max-width:12rem!important}.lg\\:max-w-13rem{max-width:13rem!important}.lg\\:max-w-14rem{max-width:14rem!important}.lg\\:max-w-15rem{max-width:15rem!important}.lg\\:max-w-16rem{max-width:16rem!important}.lg\\:max-w-17rem{max-width:17rem!important}.lg\\:max-w-18rem{max-width:18rem!important}.lg\\:max-w-19rem{max-width:19rem!important}.lg\\:max-w-20rem{max-width:20rem!important}.lg\\:max-w-21rem{max-width:21rem!important}.lg\\:max-w-22rem{max-width:22rem!important}.lg\\:max-w-23rem{max-width:23rem!important}.lg\\:max-w-24rem{max-width:24rem!important}.lg\\:max-w-25rem{max-width:25rem!important}.lg\\:max-w-26rem{max-width:26rem!important}.lg\\:max-w-27rem{max-width:27rem!important}.lg\\:max-w-28rem{max-width:28rem!important}.lg\\:max-w-29rem{max-width:29rem!important}.lg\\:max-w-30rem{max-width:30rem!important}}@media screen and (min-width:1200px){.xl\\:max-w-0{max-width:0px!important}.xl\\:max-w-full{max-width:100%!important}.xl\\:max-w-screen{max-width:100vw!important}.xl\\:max-w-min{max-width:min-content!important}.xl\\:max-w-max{max-width:max-content!important}.xl\\:max-w-fit{max-width:fit-content!important}.xl\\:max-w-1rem{max-width:1rem!important}.xl\\:max-w-2rem{max-width:2rem!important}.xl\\:max-w-3rem{max-width:3rem!important}.xl\\:max-w-4rem{max-width:4rem!important}.xl\\:max-w-5rem{max-width:5rem!important}.xl\\:max-w-6rem{max-width:6rem!important}.xl\\:max-w-7rem{max-width:7rem!important}.xl\\:max-w-8rem{max-width:8rem!important}.xl\\:max-w-9rem{max-width:9rem!important}.xl\\:max-w-10rem{max-width:10rem!important}.xl\\:max-w-11rem{max-width:11rem!important}.xl\\:max-w-12rem{max-width:12rem!important}.xl\\:max-w-13rem{max-width:13rem!important}.xl\\:max-w-14rem{max-width:14rem!important}.xl\\:max-w-15rem{max-width:15rem!important}.xl\\:max-w-16rem{max-width:16rem!important}.xl\\:max-w-17rem{max-width:17rem!important}.xl\\:max-w-18rem{max-width:18rem!important}.xl\\:max-w-19rem{max-width:19rem!important}.xl\\:max-w-20rem{max-width:20rem!important}.xl\\:max-w-21rem{max-width:21rem!important}.xl\\:max-w-22rem{max-width:22rem!important}.xl\\:max-w-23rem{max-width:23rem!important}.xl\\:max-w-24rem{max-width:24rem!important}.xl\\:max-w-25rem{max-width:25rem!important}.xl\\:max-w-26rem{max-width:26rem!important}.xl\\:max-w-27rem{max-width:27rem!important}.xl\\:max-w-28rem{max-width:28rem!important}.xl\\:max-w-29rem{max-width:29rem!important}.xl\\:max-w-30rem{max-width:30rem!important}}.min-h-0{min-height:0px!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}@media screen and (min-width:576px){.sm\\:min-h-0{min-height:0px!important}.sm\\:min-h-full{min-height:100%!important}.sm\\:min-h-screen{min-height:100vh!important}}@media screen and (min-width:768px){.md\\:min-h-0{min-height:0px!important}.md\\:min-h-full{min-height:100%!important}.md\\:min-h-screen{min-height:100vh!important}}@media screen and (min-width:992px){.lg\\:min-h-0{min-height:0px!important}.lg\\:min-h-full{min-height:100%!important}.lg\\:min-h-screen{min-height:100vh!important}}@media screen and (min-width:1200px){.xl\\:min-h-0{min-height:0px!important}.xl\\:min-h-full{min-height:100%!important}.xl\\:min-h-screen{min-height:100vh!important}}.max-h-0{max-height:0px!important}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-h-min{max-height:min-content!important}.max-h-max{max-height:max-content!important}.max-h-fit{max-height:fit-content!important}.max-h-1rem{max-height:1rem!important}.max-h-2rem{max-height:2rem!important}.max-h-3rem{max-height:3rem!important}.max-h-4rem{max-height:4rem!important}.max-h-5rem{max-height:5rem!important}.max-h-6rem{max-height:6rem!important}.max-h-7rem{max-height:7rem!important}.max-h-8rem{max-height:8rem!important}.max-h-9rem{max-height:9rem!important}.max-h-10rem{max-height:10rem!important}.max-h-11rem{max-height:11rem!important}.max-h-12rem{max-height:12rem!important}.max-h-13rem{max-height:13rem!important}.max-h-14rem{max-height:14rem!important}.max-h-15rem{max-height:15rem!important}.max-h-16rem{max-height:16rem!important}.max-h-17rem{max-height:17rem!important}.max-h-18rem{max-height:18rem!important}.max-h-19rem{max-height:19rem!important}.max-h-20rem{max-height:20rem!important}.max-h-21rem{max-height:21rem!important}.max-h-22rem{max-height:22rem!important}.max-h-23rem{max-height:23rem!important}.max-h-24rem{max-height:24rem!important}.max-h-25rem{max-height:25rem!important}.max-h-26rem{max-height:26rem!important}.max-h-27rem{max-height:27rem!important}.max-h-28rem{max-height:28rem!important}.max-h-29rem{max-height:29rem!important}.max-h-30rem{max-height:30rem!important}@media screen and (min-width:576px){.sm\\:max-h-0{max-height:0px!important}.sm\\:max-h-full{max-height:100%!important}.sm\\:max-h-screen{max-height:100vh!important}.sm\\:max-h-min{max-height:min-content!important}.sm\\:max-h-max{max-height:max-content!important}.sm\\:max-h-fit{max-height:fit-content!important}.sm\\:max-h-1rem{max-height:1rem!important}.sm\\:max-h-2rem{max-height:2rem!important}.sm\\:max-h-3rem{max-height:3rem!important}.sm\\:max-h-4rem{max-height:4rem!important}.sm\\:max-h-5rem{max-height:5rem!important}.sm\\:max-h-6rem{max-height:6rem!important}.sm\\:max-h-7rem{max-height:7rem!important}.sm\\:max-h-8rem{max-height:8rem!important}.sm\\:max-h-9rem{max-height:9rem!important}.sm\\:max-h-10rem{max-height:10rem!important}.sm\\:max-h-11rem{max-height:11rem!important}.sm\\:max-h-12rem{max-height:12rem!important}.sm\\:max-h-13rem{max-height:13rem!important}.sm\\:max-h-14rem{max-height:14rem!important}.sm\\:max-h-15rem{max-height:15rem!important}.sm\\:max-h-16rem{max-height:16rem!important}.sm\\:max-h-17rem{max-height:17rem!important}.sm\\:max-h-18rem{max-height:18rem!important}.sm\\:max-h-19rem{max-height:19rem!important}.sm\\:max-h-20rem{max-height:20rem!important}.sm\\:max-h-21rem{max-height:21rem!important}.sm\\:max-h-22rem{max-height:22rem!important}.sm\\:max-h-23rem{max-height:23rem!important}.sm\\:max-h-24rem{max-height:24rem!important}.sm\\:max-h-25rem{max-height:25rem!important}.sm\\:max-h-26rem{max-height:26rem!important}.sm\\:max-h-27rem{max-height:27rem!important}.sm\\:max-h-28rem{max-height:28rem!important}.sm\\:max-h-29rem{max-height:29rem!important}.sm\\:max-h-30rem{max-height:30rem!important}}@media screen and (min-width:768px){.md\\:max-h-0{max-height:0px!important}.md\\:max-h-full{max-height:100%!important}.md\\:max-h-screen{max-height:100vh!important}.md\\:max-h-min{max-height:min-content!important}.md\\:max-h-max{max-height:max-content!important}.md\\:max-h-fit{max-height:fit-content!important}.md\\:max-h-1rem{max-height:1rem!important}.md\\:max-h-2rem{max-height:2rem!important}.md\\:max-h-3rem{max-height:3rem!important}.md\\:max-h-4rem{max-height:4rem!important}.md\\:max-h-5rem{max-height:5rem!important}.md\\:max-h-6rem{max-height:6rem!important}.md\\:max-h-7rem{max-height:7rem!important}.md\\:max-h-8rem{max-height:8rem!important}.md\\:max-h-9rem{max-height:9rem!important}.md\\:max-h-10rem{max-height:10rem!important}.md\\:max-h-11rem{max-height:11rem!important}.md\\:max-h-12rem{max-height:12rem!important}.md\\:max-h-13rem{max-height:13rem!important}.md\\:max-h-14rem{max-height:14rem!important}.md\\:max-h-15rem{max-height:15rem!important}.md\\:max-h-16rem{max-height:16rem!important}.md\\:max-h-17rem{max-height:17rem!important}.md\\:max-h-18rem{max-height:18rem!important}.md\\:max-h-19rem{max-height:19rem!important}.md\\:max-h-20rem{max-height:20rem!important}.md\\:max-h-21rem{max-height:21rem!important}.md\\:max-h-22rem{max-height:22rem!important}.md\\:max-h-23rem{max-height:23rem!important}.md\\:max-h-24rem{max-height:24rem!important}.md\\:max-h-25rem{max-height:25rem!important}.md\\:max-h-26rem{max-height:26rem!important}.md\\:max-h-27rem{max-height:27rem!important}.md\\:max-h-28rem{max-height:28rem!important}.md\\:max-h-29rem{max-height:29rem!important}.md\\:max-h-30rem{max-height:30rem!important}}@media screen and (min-width:992px){.lg\\:max-h-0{max-height:0px!important}.lg\\:max-h-full{max-height:100%!important}.lg\\:max-h-screen{max-height:100vh!important}.lg\\:max-h-min{max-height:min-content!important}.lg\\:max-h-max{max-height:max-content!important}.lg\\:max-h-fit{max-height:fit-content!important}.lg\\:max-h-1rem{max-height:1rem!important}.lg\\:max-h-2rem{max-height:2rem!important}.lg\\:max-h-3rem{max-height:3rem!important}.lg\\:max-h-4rem{max-height:4rem!important}.lg\\:max-h-5rem{max-height:5rem!important}.lg\\:max-h-6rem{max-height:6rem!important}.lg\\:max-h-7rem{max-height:7rem!important}.lg\\:max-h-8rem{max-height:8rem!important}.lg\\:max-h-9rem{max-height:9rem!important}.lg\\:max-h-10rem{max-height:10rem!important}.lg\\:max-h-11rem{max-height:11rem!important}.lg\\:max-h-12rem{max-height:12rem!important}.lg\\:max-h-13rem{max-height:13rem!important}.lg\\:max-h-14rem{max-height:14rem!important}.lg\\:max-h-15rem{max-height:15rem!important}.lg\\:max-h-16rem{max-height:16rem!important}.lg\\:max-h-17rem{max-height:17rem!important}.lg\\:max-h-18rem{max-height:18rem!important}.lg\\:max-h-19rem{max-height:19rem!important}.lg\\:max-h-20rem{max-height:20rem!important}.lg\\:max-h-21rem{max-height:21rem!important}.lg\\:max-h-22rem{max-height:22rem!important}.lg\\:max-h-23rem{max-height:23rem!important}.lg\\:max-h-24rem{max-height:24rem!important}.lg\\:max-h-25rem{max-height:25rem!important}.lg\\:max-h-26rem{max-height:26rem!important}.lg\\:max-h-27rem{max-height:27rem!important}.lg\\:max-h-28rem{max-height:28rem!important}.lg\\:max-h-29rem{max-height:29rem!important}.lg\\:max-h-30rem{max-height:30rem!important}}@media screen and (min-width:1200px){.xl\\:max-h-0{max-height:0px!important}.xl\\:max-h-full{max-height:100%!important}.xl\\:max-h-screen{max-height:100vh!important}.xl\\:max-h-min{max-height:min-content!important}.xl\\:max-h-max{max-height:max-content!important}.xl\\:max-h-fit{max-height:fit-content!important}.xl\\:max-h-1rem{max-height:1rem!important}.xl\\:max-h-2rem{max-height:2rem!important}.xl\\:max-h-3rem{max-height:3rem!important}.xl\\:max-h-4rem{max-height:4rem!important}.xl\\:max-h-5rem{max-height:5rem!important}.xl\\:max-h-6rem{max-height:6rem!important}.xl\\:max-h-7rem{max-height:7rem!important}.xl\\:max-h-8rem{max-height:8rem!important}.xl\\:max-h-9rem{max-height:9rem!important}.xl\\:max-h-10rem{max-height:10rem!important}.xl\\:max-h-11rem{max-height:11rem!important}.xl\\:max-h-12rem{max-height:12rem!important}.xl\\:max-h-13rem{max-height:13rem!important}.xl\\:max-h-14rem{max-height:14rem!important}.xl\\:max-h-15rem{max-height:15rem!important}.xl\\:max-h-16rem{max-height:16rem!important}.xl\\:max-h-17rem{max-height:17rem!important}.xl\\:max-h-18rem{max-height:18rem!important}.xl\\:max-h-19rem{max-height:19rem!important}.xl\\:max-h-20rem{max-height:20rem!important}.xl\\:max-h-21rem{max-height:21rem!important}.xl\\:max-h-22rem{max-height:22rem!important}.xl\\:max-h-23rem{max-height:23rem!important}.xl\\:max-h-24rem{max-height:24rem!important}.xl\\:max-h-25rem{max-height:25rem!important}.xl\\:max-h-26rem{max-height:26rem!important}.xl\\:max-h-27rem{max-height:27rem!important}.xl\\:max-h-28rem{max-height:28rem!important}.xl\\:max-h-29rem{max-height:29rem!important}.xl\\:max-h-30rem{max-height:30rem!important}}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}@media screen and (min-width:576px){.sm\\:static{position:static!important}.sm\\:fixed{position:fixed!important}.sm\\:absolute{position:absolute!important}.sm\\:relative{position:relative!important}.sm\\:sticky{position:sticky!important}}@media screen and (min-width:768px){.md\\:static{position:static!important}.md\\:fixed{position:fixed!important}.md\\:absolute{position:absolute!important}.md\\:relative{position:relative!important}.md\\:sticky{position:sticky!important}}@media screen and (min-width:992px){.lg\\:static{position:static!important}.lg\\:fixed{position:fixed!important}.lg\\:absolute{position:absolute!important}.lg\\:relative{position:relative!important}.lg\\:sticky{position:sticky!important}}@media screen and (min-width:1200px){.xl\\:static{position:static!important}.xl\\:fixed{position:fixed!important}.xl\\:absolute{position:absolute!important}.xl\\:relative{position:relative!important}.xl\\:sticky{position:sticky!important}}.top-auto{top:auto!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}@media screen and (min-width:576px){.sm\\:top-auto{top:auto!important}.sm\\:top-0{top:0!important}.sm\\:top-50{top:50%!important}.sm\\:top-100{top:100%!important}}@media screen and (min-width:768px){.md\\:top-auto{top:auto!important}.md\\:top-0{top:0!important}.md\\:top-50{top:50%!important}.md\\:top-100{top:100%!important}}@media screen and (min-width:992px){.lg\\:top-auto{top:auto!important}.lg\\:top-0{top:0!important}.lg\\:top-50{top:50%!important}.lg\\:top-100{top:100%!important}}@media screen and (min-width:1200px){.xl\\:top-auto{top:auto!important}.xl\\:top-0{top:0!important}.xl\\:top-50{top:50%!important}.xl\\:top-100{top:100%!important}}.left-auto{left:auto!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}@media screen and (min-width:576px){.sm\\:left-auto{left:auto!important}.sm\\:left-0{left:0!important}.sm\\:left-50{left:50%!important}.sm\\:left-100{left:100%!important}}@media screen and (min-width:768px){.md\\:left-auto{left:auto!important}.md\\:left-0{left:0!important}.md\\:left-50{left:50%!important}.md\\:left-100{left:100%!important}}@media screen and (min-width:992px){.lg\\:left-auto{left:auto!important}.lg\\:left-0{left:0!important}.lg\\:left-50{left:50%!important}.lg\\:left-100{left:100%!important}}@media screen and (min-width:1200px){.xl\\:left-auto{left:auto!important}.xl\\:left-0{left:0!important}.xl\\:left-50{left:50%!important}.xl\\:left-100{left:100%!important}}.right-auto{right:auto!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}@media screen and (min-width:576px){.sm\\:right-auto{right:auto!important}.sm\\:right-0{right:0!important}.sm\\:right-50{right:50%!important}.sm\\:right-100{right:100%!important}}@media screen and (min-width:768px){.md\\:right-auto{right:auto!important}.md\\:right-0{right:0!important}.md\\:right-50{right:50%!important}.md\\:right-100{right:100%!important}}@media screen and (min-width:992px){.lg\\:right-auto{right:auto!important}.lg\\:right-0{right:0!important}.lg\\:right-50{right:50%!important}.lg\\:right-100{right:100%!important}}@media screen and (min-width:1200px){.xl\\:right-auto{right:auto!important}.xl\\:right-0{right:0!important}.xl\\:right-50{right:50%!important}.xl\\:right-100{right:100%!important}}.bottom-auto{bottom:auto!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}@media screen and (min-width:576px){.sm\\:bottom-auto{bottom:auto!important}.sm\\:bottom-0{bottom:0!important}.sm\\:bottom-50{bottom:50%!important}.sm\\:bottom-100{bottom:100%!important}}@media screen and (min-width:768px){.md\\:bottom-auto{bottom:auto!important}.md\\:bottom-0{bottom:0!important}.md\\:bottom-50{bottom:50%!important}.md\\:bottom-100{bottom:100%!important}}@media screen and (min-width:992px){.lg\\:bottom-auto{bottom:auto!important}.lg\\:bottom-0{bottom:0!important}.lg\\:bottom-50{bottom:50%!important}.lg\\:bottom-100{bottom:100%!important}}@media screen and (min-width:1200px){.xl\\:bottom-auto{bottom:auto!important}.xl\\:bottom-0{bottom:0!important}.xl\\:bottom-50{bottom:50%!important}.xl\\:bottom-100{bottom:100%!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}@media screen and (min-width:576px){.sm\\:overflow-auto{overflow:auto!important}.sm\\:overflow-hidden{overflow:hidden!important}.sm\\:overflow-visible{overflow:visible!important}.sm\\:overflow-scroll{overflow:scroll!important}}@media screen and (min-width:768px){.md\\:overflow-auto{overflow:auto!important}.md\\:overflow-hidden{overflow:hidden!important}.md\\:overflow-visible{overflow:visible!important}.md\\:overflow-scroll{overflow:scroll!important}}@media screen and (min-width:992px){.lg\\:overflow-auto{overflow:auto!important}.lg\\:overflow-hidden{overflow:hidden!important}.lg\\:overflow-visible{overflow:visible!important}.lg\\:overflow-scroll{overflow:scroll!important}}@media screen and (min-width:1200px){.xl\\:overflow-auto{overflow:auto!important}.xl\\:overflow-hidden{overflow:hidden!important}.xl\\:overflow-visible{overflow:visible!important}.xl\\:overflow-scroll{overflow:scroll!important}}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}@media screen and (min-width:576px){.sm\\:overflow-x-auto{overflow-x:auto!important}.sm\\:overflow-x-hidden{overflow-x:hidden!important}.sm\\:overflow-x-visible{overflow-x:visible!important}.sm\\:overflow-x-scroll{overflow-x:scroll!important}}@media screen and (min-width:768px){.md\\:overflow-x-auto{overflow-x:auto!important}.md\\:overflow-x-hidden{overflow-x:hidden!important}.md\\:overflow-x-visible{overflow-x:visible!important}.md\\:overflow-x-scroll{overflow-x:scroll!important}}@media screen and (min-width:992px){.lg\\:overflow-x-auto{overflow-x:auto!important}.lg\\:overflow-x-hidden{overflow-x:hidden!important}.lg\\:overflow-x-visible{overflow-x:visible!important}.lg\\:overflow-x-scroll{overflow-x:scroll!important}}@media screen and (min-width:1200px){.xl\\:overflow-x-auto{overflow-x:auto!important}.xl\\:overflow-x-hidden{overflow-x:hidden!important}.xl\\:overflow-x-visible{overflow-x:visible!important}.xl\\:overflow-x-scroll{overflow-x:scroll!important}}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}@media screen and (min-width:576px){.sm\\:overflow-y-auto{overflow-y:auto!important}.sm\\:overflow-y-hidden{overflow-y:hidden!important}.sm\\:overflow-y-visible{overflow-y:visible!important}.sm\\:overflow-y-scroll{overflow-y:scroll!important}}@media screen and (min-width:768px){.md\\:overflow-y-auto{overflow-y:auto!important}.md\\:overflow-y-hidden{overflow-y:hidden!important}.md\\:overflow-y-visible{overflow-y:visible!important}.md\\:overflow-y-scroll{overflow-y:scroll!important}}@media screen and (min-width:992px){.lg\\:overflow-y-auto{overflow-y:auto!important}.lg\\:overflow-y-hidden{overflow-y:hidden!important}.lg\\:overflow-y-visible{overflow-y:visible!important}.lg\\:overflow-y-scroll{overflow-y:scroll!important}}@media screen and (min-width:1200px){.xl\\:overflow-y-auto{overflow-y:auto!important}.xl\\:overflow-y-hidden{overflow-y:hidden!important}.xl\\:overflow-y-visible{overflow-y:visible!important}.xl\\:overflow-y-scroll{overflow-y:scroll!important}}.z-auto{z-index:auto!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}.z-4{z-index:4!important}.z-5{z-index:5!important}@media screen and (min-width:576px){.sm\\:z-auto{z-index:auto!important}.sm\\:z-0{z-index:0!important}.sm\\:z-1{z-index:1!important}.sm\\:z-2{z-index:2!important}.sm\\:z-3{z-index:3!important}.sm\\:z-4{z-index:4!important}.sm\\:z-5{z-index:5!important}}@media screen and (min-width:768px){.md\\:z-auto{z-index:auto!important}.md\\:z-0{z-index:0!important}.md\\:z-1{z-index:1!important}.md\\:z-2{z-index:2!important}.md\\:z-3{z-index:3!important}.md\\:z-4{z-index:4!important}.md\\:z-5{z-index:5!important}}@media screen and (min-width:992px){.lg\\:z-auto{z-index:auto!important}.lg\\:z-0{z-index:0!important}.lg\\:z-1{z-index:1!important}.lg\\:z-2{z-index:2!important}.lg\\:z-3{z-index:3!important}.lg\\:z-4{z-index:4!important}.lg\\:z-5{z-index:5!important}}@media screen and (min-width:1200px){.xl\\:z-auto{z-index:auto!important}.xl\\:z-0{z-index:0!important}.xl\\:z-1{z-index:1!important}.xl\\:z-2{z-index:2!important}.xl\\:z-3{z-index:3!important}.xl\\:z-4{z-index:4!important}.xl\\:z-5{z-index:5!important}}.bg-repeat{background-repeat:repeat!important}.bg-no-repeat{background-repeat:no-repeat!important}.bg-repeat-x{background-repeat:repeat-x!important}.bg-repeat-y{background-repeat:repeat-y!important}.bg-repeat-round{background-repeat:round!important}.bg-repeat-space{background-repeat:space!important}@media screen and (min-width:576px){.sm\\:bg-repeat{background-repeat:repeat!important}.sm\\:bg-no-repeat{background-repeat:no-repeat!important}.sm\\:bg-repeat-x{background-repeat:repeat-x!important}.sm\\:bg-repeat-y{background-repeat:repeat-y!important}.sm\\:bg-repeat-round{background-repeat:round!important}.sm\\:bg-repeat-space{background-repeat:space!important}}@media screen and (min-width:768px){.md\\:bg-repeat{background-repeat:repeat!important}.md\\:bg-no-repeat{background-repeat:no-repeat!important}.md\\:bg-repeat-x{background-repeat:repeat-x!important}.md\\:bg-repeat-y{background-repeat:repeat-y!important}.md\\:bg-repeat-round{background-repeat:round!important}.md\\:bg-repeat-space{background-repeat:space!important}}@media screen and (min-width:992px){.lg\\:bg-repeat{background-repeat:repeat!important}.lg\\:bg-no-repeat{background-repeat:no-repeat!important}.lg\\:bg-repeat-x{background-repeat:repeat-x!important}.lg\\:bg-repeat-y{background-repeat:repeat-y!important}.lg\\:bg-repeat-round{background-repeat:round!important}.lg\\:bg-repeat-space{background-repeat:space!important}}@media screen and (min-width:1200px){.xl\\:bg-repeat{background-repeat:repeat!important}.xl\\:bg-no-repeat{background-repeat:no-repeat!important}.xl\\:bg-repeat-x{background-repeat:repeat-x!important}.xl\\:bg-repeat-y{background-repeat:repeat-y!important}.xl\\:bg-repeat-round{background-repeat:round!important}.xl\\:bg-repeat-space{background-repeat:space!important}}.bg-auto{background-size:auto!important}.bg-cover{background-size:cover!important}.bg-contain{background-size:contain!important}@media screen and (min-width:576px){.sm\\:bg-auto{background-size:auto!important}.sm\\:bg-cover{background-size:cover!important}.sm\\:bg-contain{background-size:contain!important}}@media screen and (min-width:768px){.md\\:bg-auto{background-size:auto!important}.md\\:bg-cover{background-size:cover!important}.md\\:bg-contain{background-size:contain!important}}@media screen and (min-width:992px){.lg\\:bg-auto{background-size:auto!important}.lg\\:bg-cover{background-size:cover!important}.lg\\:bg-contain{background-size:contain!important}}@media screen and (min-width:1200px){.xl\\:bg-auto{background-size:auto!important}.xl\\:bg-cover{background-size:cover!important}.xl\\:bg-contain{background-size:contain!important}}.bg-bottom{background-position:bottom!important}.bg-center{background-position:center!important}.bg-left{background-position:left!important}.bg-left-bottom{background-position:left bottom!important}.bg-left-top{background-position:left top!important}.bg-right{background-position:right!important}.bg-right-bottom{background-position:right bottom!important}.bg-right-top{background-position:right top!important}.bg-top{background-position:top!important}@media screen and (min-width:576px){.sm\\:bg-bottom{background-position:bottom!important}.sm\\:bg-center{background-position:center!important}.sm\\:bg-left{background-position:left!important}.sm\\:bg-left-bottom{background-position:left bottom!important}.sm\\:bg-left-top{background-position:left top!important}.sm\\:bg-right{background-position:right!important}.sm\\:bg-right-bottom{background-position:right bottom!important}.sm\\:bg-right-top{background-position:right top!important}.sm\\:bg-top{background-position:top!important}}@media screen and (min-width:768px){.md\\:bg-bottom{background-position:bottom!important}.md\\:bg-center{background-position:center!important}.md\\:bg-left{background-position:left!important}.md\\:bg-left-bottom{background-position:left bottom!important}.md\\:bg-left-top{background-position:left top!important}.md\\:bg-right{background-position:right!important}.md\\:bg-right-bottom{background-position:right bottom!important}.md\\:bg-right-top{background-position:right top!important}.md\\:bg-top{background-position:top!important}}@media screen and (min-width:992px){.lg\\:bg-bottom{background-position:bottom!important}.lg\\:bg-center{background-position:center!important}.lg\\:bg-left{background-position:left!important}.lg\\:bg-left-bottom{background-position:left bottom!important}.lg\\:bg-left-top{background-position:left top!important}.lg\\:bg-right{background-position:right!important}.lg\\:bg-right-bottom{background-position:right bottom!important}.lg\\:bg-right-top{background-position:right top!important}.lg\\:bg-top{background-position:top!important}}@media screen and (min-width:1200px){.xl\\:bg-bottom{background-position:bottom!important}.xl\\:bg-center{background-position:center!important}.xl\\:bg-left{background-position:left!important}.xl\\:bg-left-bottom{background-position:left bottom!important}.xl\\:bg-left-top{background-position:left top!important}.xl\\:bg-right{background-position:right!important}.xl\\:bg-right-bottom{background-position:right bottom!important}.xl\\:bg-right-top{background-position:right top!important}.xl\\:bg-top{background-position:top!important}}.list-none{list-style:none!important}.list-disc{list-style:disc!important}.list-decimal{list-style:decimal!important}.appearance-none{appearance:none!important}.outline-none{outline:none!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-move{cursor:move!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.opacity-0{opacity:0!important}.opacity-10{opacity:.1!important}.opacity-20{opacity:.2!important}.opacity-30{opacity:.3!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.opacity-60{opacity:.6!important}.opacity-70{opacity:.7!important}.opacity-80{opacity:.8!important}.opacity-90{opacity:.9!important}.opacity-100{opacity:1!important}.reset{all:unset}.transition-none{transition-property:none!important}.transition-all{transition-property:all!important}.transition-colors{transition-property:background-color,border-color,color!important}.transition-transform{transition-property:transform!important}.transition-duration-100{transition-duration:.1s!important}.transition-duration-150{transition-duration:.15s!important}.transition-duration-200{transition-duration:.2s!important}.transition-duration-300{transition-duration:.3s!important}.transition-duration-400{transition-duration:.4s!important}.transition-duration-500{transition-duration:.5s!important}.transition-duration-1000{transition-duration:1s!important}.transition-duration-2000{transition-duration:2s!important}.transition-duration-3000{transition-duration:3s!important}.transition-linear{transition-timing-function:linear!important}.transition-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.transition-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.transition-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-delay-100{transition-delay:.1s!important}.transition-delay-150{transition-delay:.15s!important}.transition-delay-200{transition-delay:.2s!important}.transition-delay-300{transition-delay:.3s!important}.transition-delay-400{transition-delay:.4s!important}.transition-delay-500{transition-delay:.5s!important}.transition-delay-1000{transition-delay:1s!important}.translate-x-0{transform:translate(0)!important}.translate-x-100{transform:translate(100%)!important}.-translate-x-100{transform:translate(-100%)!important}.translate-y-0{transform:translateY(0)!important}.translate-y-100{transform:translateY(100%)!important}.-translate-y-100{transform:translateY(-100%)!important}@media screen and (min-width:576px){.sm\\:translate-x-0{transform:translate(0)!important}.sm\\:translate-x-100{transform:translate(100%)!important}.sm\\:-translate-x-100{transform:translate(-100%)!important}.sm\\:translate-y-0{transform:translateY(0)!important}.sm\\:translate-y-100{transform:translateY(100%)!important}.sm\\:-translate-y-100{transform:translateY(-100%)!important}}@media screen and (min-width:768px){.md\\:translate-x-0{transform:translate(0)!important}.md\\:translate-x-100{transform:translate(100%)!important}.md\\:-translate-x-100{transform:translate(-100%)!important}.md\\:translate-y-0{transform:translateY(0)!important}.md\\:translate-y-100{transform:translateY(100%)!important}.md\\:-translate-y-100{transform:translateY(-100%)!important}}@media screen and (min-width:992px){.lg\\:translate-x-0{transform:translate(0)!important}.lg\\:translate-x-100{transform:translate(100%)!important}.lg\\:-translate-x-100{transform:translate(-100%)!important}.lg\\:translate-y-0{transform:translateY(0)!important}.lg\\:translate-y-100{transform:translateY(100%)!important}.lg\\:-translate-y-100{transform:translateY(-100%)!important}}@media screen and (min-width:1200px){.xl\\:translate-x-0{transform:translate(0)!important}.xl\\:translate-x-100{transform:translate(100%)!important}.xl\\:-translate-x-100{transform:translate(-100%)!important}.xl\\:translate-y-0{transform:translateY(0)!important}.xl\\:translate-y-100{transform:translateY(100%)!important}.xl\\:-translate-y-100{transform:translateY(-100%)!important}}.rotate-45{transform:rotate(45deg)!important}.-rotate-45{transform:rotate(-45deg)!important}.rotate-90{transform:rotate(90deg)!important}.-rotate-90{transform:rotate(-90deg)!important}.rotate-180{transform:rotate(180deg)!important}.-rotate-180{transform:rotate(-180deg)!important}@media screen and (min-width:576px){.sm\\:rotate-45{transform:rotate(45deg)!important}.sm\\:-rotate-45{transform:rotate(-45deg)!important}.sm\\:rotate-90{transform:rotate(90deg)!important}.sm\\:-rotate-90{transform:rotate(-90deg)!important}.sm\\:rotate-180{transform:rotate(180deg)!important}.sm\\:-rotate-180{transform:rotate(-180deg)!important}}@media screen and (min-width:768px){.md\\:rotate-45{transform:rotate(45deg)!important}.md\\:-rotate-45{transform:rotate(-45deg)!important}.md\\:rotate-90{transform:rotate(90deg)!important}.md\\:-rotate-90{transform:rotate(-90deg)!important}.md\\:rotate-180{transform:rotate(180deg)!important}.md\\:-rotate-180{transform:rotate(-180deg)!important}}@media screen and (min-width:992px){.lg\\:rotate-45{transform:rotate(45deg)!important}.lg\\:-rotate-45{transform:rotate(-45deg)!important}.lg\\:rotate-90{transform:rotate(90deg)!important}.lg\\:-rotate-90{transform:rotate(-90deg)!important}.lg\\:rotate-180{transform:rotate(180deg)!important}.lg\\:-rotate-180{transform:rotate(-180deg)!important}}@media screen and (min-width:1200px){.xl\\:rotate-45{transform:rotate(45deg)!important}.xl\\:-rotate-45{transform:rotate(-45deg)!important}.xl\\:rotate-90{transform:rotate(90deg)!important}.xl\\:-rotate-90{transform:rotate(-90deg)!important}.xl\\:rotate-180{transform:rotate(180deg)!important}.xl\\:-rotate-180{transform:rotate(-180deg)!important}}.origin-center{transform-origin:center!important}.origin-top{transform-origin:top!important}.origin-top-right{transform-origin:top right!important}.origin-right{transform-origin:right!important}.origin-bottom-right{transform-origin:bottom right!important}.origin-bottom{transform-origin:bottom!important}.origin-bottom-left{transform-origin:bottom left!important}.origin-left{transform-origin:left!important}.origin-top-left{transform-origin:top-left!important}@media screen and (min-width:576px){.sm\\:origin-center{transform-origin:center!important}.sm\\:origin-top{transform-origin:top!important}.sm\\:origin-top-right{transform-origin:top right!important}.sm\\:origin-right{transform-origin:right!important}.sm\\:origin-bottom-right{transform-origin:bottom right!important}.sm\\:origin-bottom{transform-origin:bottom!important}.sm\\:origin-bottom-left{transform-origin:bottom left!important}.sm\\:origin-left{transform-origin:left!important}.sm\\:origin-top-left{transform-origin:top-left!important}}@media screen and (min-width:768px){.md\\:origin-center{transform-origin:center!important}.md\\:origin-top{transform-origin:top!important}.md\\:origin-top-right{transform-origin:top right!important}.md\\:origin-right{transform-origin:right!important}.md\\:origin-bottom-right{transform-origin:bottom right!important}.md\\:origin-bottom{transform-origin:bottom!important}.md\\:origin-bottom-left{transform-origin:bottom left!important}.md\\:origin-left{transform-origin:left!important}.md\\:origin-top-left{transform-origin:top-left!important}}@media screen and (min-width:992px){.lg\\:origin-center{transform-origin:center!important}.lg\\:origin-top{transform-origin:top!important}.lg\\:origin-top-right{transform-origin:top right!important}.lg\\:origin-right{transform-origin:right!important}.lg\\:origin-bottom-right{transform-origin:bottom right!important}.lg\\:origin-bottom{transform-origin:bottom!important}.lg\\:origin-bottom-left{transform-origin:bottom left!important}.lg\\:origin-left{transform-origin:left!important}.lg\\:origin-top-left{transform-origin:top-left!important}}@media screen and (min-width:1200px){.xl\\:origin-center{transform-origin:center!important}.xl\\:origin-top{transform-origin:top!important}.xl\\:origin-top-right{transform-origin:top right!important}.xl\\:origin-right{transform-origin:right!important}.xl\\:origin-bottom-right{transform-origin:bottom right!important}.xl\\:origin-bottom{transform-origin:bottom!important}.xl\\:origin-bottom-left{transform-origin:bottom left!important}.xl\\:origin-left{transform-origin:left!important}.xl\\:origin-top-left{transform-origin:top-left!important}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(.8);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}to{max-height:auto}}@keyframes slideup{0%{max-height:1000px}to{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translate(-100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}@keyframes fadeoutleft{0%{opacity:1;transform:translate(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translate(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translate(100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translate(0)}}@keyframes fadeoutright{0%{opacity:1;transform:translate(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translate(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateY(0)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:1;transform:translateY(0)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0);transition:transform .12s cubic-bezier(0,0,.2,1),opacity .12s cubic-bezier(0,0,.2,1)}to{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}to{width:100%}}@keyframes flip{0%{transform:perspective(2000px) rotateX(-100deg)}to{transform:perspective(2000px) rotateX(0)}}@keyframes flipleft{0%{transform:perspective(2000px) rotateY(-100deg);opacity:0}to{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes flipright{0%{transform:perspective(2000px) rotateY(100deg);opacity:0}to{transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes flipup{0%{transform:perspective(2000px) rotateX(-100deg);opacity:0}to{transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes zoomin{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomindown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoominleft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoominright{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoominup{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0,1,0,1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1s linear}.flip{backface-visibility:visible;animation:flip .15s linear}.flipup{backface-visibility:visible;animation:flipup .15s linear}.flipleft{backface-visibility:visible;animation:flipleft .15s linear}.flipright{backface-visibility:visible;animation:flipright .15s linear}.zoomin{animation:zoomin .15s linear}.zoomindown{animation:zoomindown .15s linear}.zoominleft{animation:zoominleft .15s linear}.zoominright{animation:zoominright .15s linear}.zoominup{animation:zoominup .15s linear}.animation-duration-100{animation-duration:.1s!important}.animation-duration-150{animation-duration:.15s!important}.animation-duration-200{animation-duration:.2s!important}.animation-duration-300{animation-duration:.3s!important}.animation-duration-400{animation-duration:.4s!important}.animation-duration-500{animation-duration:.5s!important}.animation-duration-1000{animation-duration:1s!important}.animation-duration-2000{animation-duration:2s!important}.animation-duration-3000{animation-duration:3s!important}.animation-delay-100{animation-delay:.1s!important}.animation-delay-150{animation-delay:.15s!important}.animation-delay-200{animation-delay:.2s!important}.animation-delay-300{animation-delay:.3s!important}.animation-delay-400{animation-delay:.4s!important}.animation-delay-500{animation-delay:.5s!important}.animation-delay-1000{animation-delay:1s!important}.animation-iteration-1{animation-iteration-count:1!important}.animation-iteration-2{animation-iteration-count:2!important}.animation-iteration-infinite{animation-iteration-count:infinite!important}.animation-linear{animation-timing-function:linear!important}.animation-ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)!important}.animation-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)!important}.animation-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.animation-fill-none{animation-fill-mode:none!important}.animation-fill-forwards{animation-fill-mode:forwards!important}.animation-fill-backwards{animation-fill-mode:backwards!important}.animation-fill-both{animation-fill-mode:both!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card{background-color:#fff;border-radius:8px;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}:host ::ng-deep .w-filter-panel-no-style-card.p-card .p-card-body{padding:0!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card .p-card-body .p-card-content{padding:0!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button{padding:0!important;height:auto!important;overflow:visible!important}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button .p-button-icon{font-size:9px!important;transform:translatey(1px) translate(2px)!important;color:#5f6468}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button>.p-button-label{color:#5f6468}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button:hover>.p-button-label{color:#1f2224}:host ::ng-deep .w-filter-panel-no-style-card.p-card .change-filter-button:hover .p-button-icon{color:#1f2224}:host ::ng-deep .w-filter-panel-buttons{display:flex;padding:0!important;margin-top:12px}:host ::ng-deep .w-filter-panel-buttons:has(button){flex-grow:10!important;flex-shrink:10!important;max-width:none!important;flex-basis:100%!important;gap:12px!important}:host ::ng-deep .w-filter-panel-buttons button{gap:8px;height:24px!important;padding-left:12px!important;padding-right:12px!important}:host ::ng-deep .w-filter-panel-buttons button>.p-button-label{font-size:11px!important;font-weight:700!important}:host ::ng-deep .w-filter-panel-buttons button.cancel-filter-button .p-button-icon.p-button-icon-left{font-size:12px}:host ::ng-deep .w-filter-panel-buttons button.set-filter-button .p-button-icon.p-button-icon-left{font-size:9px}.w-filter-panel-container-basic,.w-filter-panel-container-advanced{padding:20px 24px!important;display:grid;gap:12px}::ng-deep .query-builder-style ul li:not(.p-select-option,.p-multiselect-option){border:none!important;background:transparent!important;padding-left:0!important}::ng-deep .w-filter-panel-basic .q-tree-container{margin:0;overflow:visible!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree{margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px 24px}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row{padding:0;margin:0;width:0}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:not(:nth-child(3n)){display:flex!important;flex-direction:column;flex-basis:calc(16.6666666667% - 20px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:nth-child(3n){display:flex!important;flex-direction:column;flex-basis:calc(16.6666666667% - 20px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:has(.w-filter-panel-notifications-event-field){display:flex!important;flex-direction:column;flex-basis:calc(33.3333333333% - 16px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row:has(.w-filter-panel-period-select-field){display:flex!important;flex-direction:column;flex-basis:calc(50% - 12px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row.q-connector:before{content:none!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row.q-connector:after{border-width:0px!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-input-text-label{font-size:11px;font-weight:600;color:#1f2224;margin-bottom:6px;width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width{flex-basis:calc(16.6666666667% - 20px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.notifications-event-field-width{flex-basis:calc(50% - 12px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.period-select-field-width{flex-basis:calc(33.3333333333% - 16px)!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-tree-field-width{width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field{width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small .p-treeselect{margin-top:0!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch{width:100%;background-color:#fff;height:24px!important;font-size:10.5px!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext>span,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch>span{padding-top:4px!important;padding-left:8px!important;width:50px!important}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext .pi,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch .pi{line-height:14px}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-notifications-event-field .w-edit-select-field .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width.w-filter-panel-period-select-field .w-edit-calendar-styles .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-calendar-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-toggle-small .p-inputswitch .p-dropdown-trigger{margin-right:4px!important;padding-bottom:2px}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-input-number-small,::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .p-multiselect{width:100%}::ng-deep .w-filter-panel-basic .q-tree-container .q-tree .q-row .w-filter-panel-basic-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{height:24px}::ng-deep .w-filter-panel-advanced div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-button-group{width:auto!important;overflow:visible!important;margin:8px}::ng-deep .w-filter-panel-advanced div .q-button-group button,::ng-deep .w-filter-panel-grouped div .q-button-group button{height:24px!important}::ng-deep .w-filter-panel-advanced div .q-button-group.q-right-align,::ng-deep .w-filter-panel-grouped div .q-button-group.q-right-align{margin-right:0}::ng-deep .w-filter-panel-advanced div .w-filter-panel-switch-group-padding w-select-button .w-button-small .p-selectbutton .p-button,::ng-deep .w-filter-panel-grouped div .w-filter-panel-switch-group-padding w-select-button .w-button-small .p-selectbutton .p-button{height:24px}::ng-deep .w-filter-panel-advanced div .q-inline-block-display,::ng-deep .w-filter-panel-advanced div .q-tree-container .q-tree .q-rule .q-button-group,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule div .q-button-group,::ng-deep .w-filter-panel-advanced div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-inline-block-display,::ng-deep .w-filter-panel-grouped div .q-tree-container .q-tree .q-rule .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-button-group{margin:8px}::ng-deep .w-filter-panel-advanced .q-tree-container,::ng-deep .w-filter-panel-grouped .q-tree-container{margin:0;padding:0;overflow:visible!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-ruleset,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-ruleset{border:none!important;padding:6px 0!important;margin:12px 0!important;border-radius:8px;background-color:#005c7a08!important;box-shadow:0 0 1px #0000001a inset,0 4px 8px #005c7a0d,0 1px 3px #005c7a1a}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule{background:none!important;border:none!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group{overflow:visible!important;margin:8px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group .p-button span:not(*:hover),::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group .p-button span:not(*:hover){color:#1f2224}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group .p-button,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group .p-button{box-shadow:0 0 1px 0 rgba #000,.1 inset,1px 1px 5px rgba #000,.06,1px 1px 1px rgba #000,.08;height:24px;width:24px;border:1px solid #e8ebee!important;border:none!important;padding:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group .p-button span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group .p-button span{margin-left:8px!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-button-group.q-right-align,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-button-group.q-right-align{margin-right:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row{padding:0;margin-top:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .q-inline-block-display,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row div .q-button-group,::ng-deep .w-filter-panel-advanced div .q-tree-container .q-tree .q-row .q-button-group,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .q-rule .q-button-group,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-rule .q-row .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .q-inline-block-display,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row div .q-button-group,::ng-deep .w-filter-panel-grouped div .q-tree-container .q-tree .q-row .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .q-rule .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-rule .q-row .q-button-group{vertical-align:middle!important;margin:8px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width{display:inline-flex;vertical-align:middle!important;width:200px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-no-entity-mode,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-no-entity-mode{width:0px;padding:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-entity-nullable,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.w-entity-nullable{padding:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators{width:100px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators.w-field-nullable,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width.q-operators.w-field-nullable{width:0px;padding:0;margin:0}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field{width:100%}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small .p-treeselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small .p-treeselect{margin-top:0!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch{width:100%;background-color:#fff;height:24px!important;font-size:10.5px!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker>span,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker>span,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch>span{padding-top:4px!important;padding-left:8px!important;width:50px!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .pi,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .pi,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .pi{line-height:14px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-dropdown-trigger,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-text-small.p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small .p-inputtext .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-select-field .w-edit-select-small.p-select .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-address-field-width .w-edit-multiselect-field .w-edit-multiselect-small.p-multiselect .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-treeselect-field .w-edit-treeselect-small.p-treeselect .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-dropdown-trigger,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-toggle-small .p-inputswitch .p-dropdown-trigger{margin-right:4px!important;padding-bottom:2px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-text,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-number,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-multiselect,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-field,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-select,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-field,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .p-dropdown,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-list-field,::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-calendar,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-text,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-input-number,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-multiselect,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-select,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-input-number-small,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-select-small,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .p-dropdown,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-list-field,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width w-edit-calendar{width:100%}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-datepicker-input,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-calendar-small.p-datepicker .p-datepicker-input{height:24px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-row .w-filter-panel-advanced-query-builder-input-width .w-edit-multiselect-small.p-multiselect .p-multiselect-label-container .p-multiselect-label{height:22px}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-button-group,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-button-group{overflow:visible!important}::ng-deep .w-filter-panel-advanced .q-tree-container .q-tree .q-button-group button,::ng-deep .w-filter-panel-grouped .q-tree-container .q-tree .q-button-group button{box-shadow:0 0 1px 0 rgba #000,.1 inset,1px 1px 5px rgba #000,.06,1px 1px 1px rgba #000,.08!important;background:#fff!important}.advanced-query-button-group{position:absolute;bottom:0;left:0;margin-bottom:-46px}.w-filter-panel-container{position:relative}::ng-deep .w-filter-panel-blockui.p-blockui{opacity:0!important}::ng-deep .w-filter-panel-basic-query-builder-input-width p-dropdown .p-dropdown{width:100%}::ng-deep .w-filter-panel-basic-query-builder-input-width input .p-inputtext{width:100%}::ng-deep .w-edit-input-number-small .p-inputtext{border:1px solid #e8ebee;border-radius:8px;padding:8px;width:100%}::ng-deep .w-edit-input-number-small .p-inputtext:focus{border-radius:8px}::ng-deep .w-edit-input-number-small .p-inputtext::-webkit-input-placeholder{color:#9aa0a7!important}::ng-deep .w-edit-input-number-small .p-inputtext::-moz-placeholder{color:#9aa0a7!important}::ng-deep .w-edit-input-number-small .p-inputtext:focus:-ms-input-placeholder{color:#9aa0a7!important}::ng-deep .w-edit-input-number-small .p-inputtext:focus:-moz-placeholder{color:#9aa0a7!important}.w-filter-panel-notifications-event-field,.w-filter-panel-period-select-field{display:flex;gap:20px 24px}.w-filter-panel-input-text-label.extra-label{position:absolute;left:50%;margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: i7$1.Ripple, selector: "[pRipple]" }, { kind: "component", type: i8$2.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo", "motionOptions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i10$2.BlockUI, selector: "p-blockUI, p-blockui, p-block-ui", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WEditInputTextComponent, selector: "w-edit-input-text", inputs: ["label", "showLabel", "placeholder", "successMessage", "required", "requiredErrorDescription", "disabled", "minlength", "minlengthErrorDescription", "maxlength", "maxlengthErrorDescription", "email", "emailErrorDescription", "pattern", "patternErrorDescription", "autofocus", "inputIcon", "size", "formControl", "removePaddingTop", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditInputNumberComponent, selector: "w-edit-input-number", inputs: ["label", "showLabel", "placeholder", "successMessage", "mode", "minFractionDigits", "maxFractionDigits", "required", "requiredErrorDescription", "disabled", "min", "minErrorDescription", "max", "maxErrorDescription", "prefix", "suffix", "autofocus", "size", "formControl", "removePaddingTop", "useGrouping", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "loading", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "iconPos", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: WListFieldComponent, selector: "w-list-field", inputs: ["options", "operator", "placeholder", "onlyDropdown", "disabled", "required", "translationsOptions", "virtualScroll", "virtualScrollItemSize"] }, { kind: "component", type: WViewCardTitleTextComponent, selector: "w-view-card-title-text", inputs: ["cardTitle"] }, { kind: "component", type: WToggleButtonComponent, selector: "w-toggle-button", inputs: ["onLabel", "offLabel", "size", "onIcon", "offIcon", "tooltipPosition", "tooltip", "disabled", "formControl", "allowEmpty", "buttonClass"], outputs: ["onChange"] }, { kind: "component", type: WSelectButtonComponent, selector: "w-select-button", inputs: ["stateOptions", "size", "tooltipPosition", "tooltip", "disabled", "formControl", "stateClass", "allowEmpty", "variant"], outputs: ["onChange"] }, { kind: "component", type: WEditCalendarComponent, selector: "w-edit-calendar", inputs: ["minDate", "maxDate", "label", "showLabel", "showTime", "showSeconds", "timeOnly", "showIcon", "placeholder", "disabled", "size", "formControl", "displayInlineBlock", "required", "requiredErrorDescription", "someErrorDescription", "removePaddingTop", "firstDayOfWeek", "tooltip", "tooltipPosition", "dataType", "viewType", "monthMode", "readonlyInput", "keepInvalid", "autoMinDate", "dateFormat"], outputs: ["onChange"] }, { kind: "component", type: WAddressFieldComponent, selector: "w-address-field", inputs: ["operator", "selectPlaceholder", "segmentationApiUrl", "segmentationApiToken"] }, { kind: "component", type: WTreeFieldComponent, selector: "w-tree-field", inputs: ["field", "operator", "selectPlaceholder", "productApiUrl", "productApiToken"] }, { kind: "component", type: WNotificationsEventFieldComponent, selector: "w-notifications-event-field", inputs: ["operator", "placeholder", "notificationApiUrl", "notificationApiToken", "translationsOptions"] }, { kind: "component", type: WPeriodSelectFieldComponent, selector: "w-period-select-field", inputs: ["operator", "placeholder", "translationsObject", "periodSelectValue", "required"] }, { kind: "component", type: QueryBuilderComponent, selector: "query-builder", inputs: ["disabled", "data", "allowRuleset", "allowCollapse", "emptyMessage", "classNames", "operatorMap", "parentValue", "config", "parentArrowIconTemplate", "parentInputTemplates", "parentOperatorTemplate", "parentFieldTemplate", "parentEntityTemplate", "parentSwitchGroupTemplate", "parentButtonGroupTemplate", "parentRemoveButtonTemplate", "parentEmptyWarningTemplate", "parentChangeCallback", "parentTouchedCallback", "persistValueOnFieldChange", "value"] }, { kind: "directive", type: QueryInputDirective, selector: "[queryInput]", inputs: ["queryInputType"] }, { kind: "directive", type: QueryOperatorDirective, selector: "[queryOperator]" }, { kind: "directive", type: QueryFieldDirective, selector: "[queryField]" }, { kind: "directive", type: QueryEntityDirective, selector: "[queryEntity]" }, { kind: "directive", type: QueryButtonGroupDirective, selector: "[queryButtonGroup]" }, { kind: "directive", type: QuerySwitchGroupDirective, selector: "[querySwitchGroup]" }, { kind: "directive", type: QueryRemoveButtonDirective, selector: "[queryRemoveButton]" }, { kind: "directive", type: QueryArrowIconDirective, selector: "[queryArrowIcon]" }] }); }
|
|
6381
6385
|
}
|
|
6382
6386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WFilterPanelComponent, decorators: [{
|
|
6383
6387
|
type: Component,
|
|
@@ -10964,7 +10968,7 @@ class WCronExpressionsComponent {
|
|
|
10964
10968
|
return this.formGroup?.get('months').value;
|
|
10965
10969
|
}
|
|
10966
10970
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WCronExpressionsComponent, deps: [{ token: i1$2.FormBuilder }, { token: FormControlService }, { token: WDatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10967
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WCronExpressionsComponent, isStandalone: false, selector: "w-cron-expressions", inputs: { initialValue: "initialValue", hiddeHoursAndMinutes: "hiddeHoursAndMinutes", startDate: "startDate", endDate: "endDate", periodicitiesDisplayed: "periodicitiesDisplayed", hasContainer: "hasContainer", occurrencesNumber: "occurrencesNumber", translationsObject: "translationsObject" }, outputs: { cronExpression: "cronExpression", firstExecutionDate: "firstExecutionDate" }, ngImport: i0, template: "@if (hasContainer) {\r\n <w-panel>\r\n <ng-container *ngTemplateOutlet=\"cronComponent\"></ng-container>\r\n </w-panel>\r\n} @else {\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n}\r\n\r\n<ng-template #cronComponent>\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WEditInputNumberComponent, selector: "w-edit-input-number", inputs: ["label", "showLabel", "placeholder", "successMessage", "mode", "minFractionDigits", "maxFractionDigits", "required", "requiredErrorDescription", "disabled", "min", "minErrorDescription", "max", "maxErrorDescription", "prefix", "suffix", "autofocus", "size", "formControl", "removePaddingTop", "useGrouping", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "tooltip", "tooltipPosition", "layout", "displayAsList"] }] }); }
|
|
10971
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WCronExpressionsComponent, isStandalone: false, selector: "w-cron-expressions", inputs: { initialValue: "initialValue", hiddeHoursAndMinutes: "hiddeHoursAndMinutes", startDate: "startDate", endDate: "endDate", periodicitiesDisplayed: "periodicitiesDisplayed", hasContainer: "hasContainer", occurrencesNumber: "occurrencesNumber", translationsObject: "translationsObject" }, outputs: { cronExpression: "cronExpression", firstExecutionDate: "firstExecutionDate" }, ngImport: i0, template: "@if (hasContainer) {\r\n <w-panel>\r\n <ng-container *ngTemplateOutlet=\"cronComponent\"></ng-container>\r\n </w-panel>\r\n} @else {\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n}\r\n\r\n<ng-template #cronComponent>\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WEditInputNumberComponent, selector: "w-edit-input-number", inputs: ["label", "showLabel", "placeholder", "successMessage", "mode", "minFractionDigits", "maxFractionDigits", "required", "requiredErrorDescription", "disabled", "min", "minErrorDescription", "max", "maxErrorDescription", "prefix", "suffix", "autofocus", "size", "formControl", "removePaddingTop", "useGrouping", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "loading", "readonly", "required", "size", "options", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "allowFooterTemplate"], outputs: ["onChange", "onFilterChange"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "tooltip", "tooltipPosition", "layout", "displayAsList"] }] }); }
|
|
10968
10972
|
}
|
|
10969
10973
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WCronExpressionsComponent, decorators: [{
|
|
10970
10974
|
type: Component,
|
|
@@ -11638,6 +11642,7 @@ var WappingServiceType;
|
|
|
11638
11642
|
WappingServiceType[WappingServiceType["Cuponing"] = 5] = "Cuponing";
|
|
11639
11643
|
WappingServiceType[WappingServiceType["Post"] = 6] = "Post";
|
|
11640
11644
|
WappingServiceType[WappingServiceType["Draws"] = 7] = "Draws";
|
|
11645
|
+
WappingServiceType[WappingServiceType["MemberGetMember"] = 8] = "MemberGetMember";
|
|
11641
11646
|
})(WappingServiceType || (WappingServiceType = {}));
|
|
11642
11647
|
var WappingServiceSubtype;
|
|
11643
11648
|
(function (WappingServiceSubtype) {
|
|
@@ -11657,6 +11662,9 @@ var WappingServiceSubtype;
|
|
|
11657
11662
|
WappingServiceSubtype[WappingServiceSubtype["DiscountCoupon"] = 14] = "DiscountCoupon";
|
|
11658
11663
|
WappingServiceSubtype[WappingServiceSubtype["Identity"] = 15] = "Identity";
|
|
11659
11664
|
WappingServiceSubtype[WappingServiceSubtype["PromoFixedPrice"] = 16] = "PromoFixedPrice";
|
|
11665
|
+
WappingServiceSubtype[WappingServiceSubtype["Draws"] = 17] = "Draws";
|
|
11666
|
+
WappingServiceSubtype[WappingServiceSubtype["EarnAndBurn"] = 18] = "EarnAndBurn";
|
|
11667
|
+
WappingServiceSubtype[WappingServiceSubtype["MemberGetMember"] = 20] = "MemberGetMember";
|
|
11660
11668
|
})(WappingServiceSubtype || (WappingServiceSubtype = {}));
|
|
11661
11669
|
var SendingStatus;
|
|
11662
11670
|
(function (SendingStatus) {
|
|
@@ -11733,6 +11741,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
11733
11741
|
args: [MAT_DIALOG_DATA]
|
|
11734
11742
|
}] }] });
|
|
11735
11743
|
|
|
11744
|
+
const ICON_NUMBER = '<svg width="20" height="20" viewBox="0 0 20 20" fill="#C4C4C4" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM12.873 5C12.5614 5 12.2927 5.21984 12.2314 5.52539L11.9082 7.14355H9.24023L9.5127 5.78223C9.59353 5.37761 9.28371 5.00007 8.87109 5C8.55944 5 8.29076 5.21985 8.22949 5.52539L7.90625 7.14355H6.38184C5.98722 7.14355 5.66711 7.46381 5.66699 7.8584C5.66699 8.25309 5.98715 8.57324 6.38184 8.57324H7.62012L7.04883 11.4316H5.71484C5.32017 11.4316 5.00002 11.7518 5 12.1465C5 12.5412 5.32016 12.8613 5.71484 12.8613H6.7627L6.49023 14.2227C6.4093 14.6274 6.71912 15.0049 7.13184 15.0049C7.44348 15.0048 7.71226 14.7851 7.77344 14.4795L8.09668 12.8613H10.7646L10.4922 14.2227C10.4112 14.6274 10.7211 15.0049 11.1338 15.0049C11.4455 15.0048 11.7142 14.7851 11.7754 14.4795L12.0986 12.8613H13.623C14.0177 12.8613 14.3379 12.5412 14.3379 12.1465C14.3379 11.7518 14.0177 11.4316 13.623 11.4316H12.3848L12.9561 8.57324H14.29C14.6847 8.57324 15.0049 8.25309 15.0049 7.8584C15.0048 7.46381 14.6847 7.14355 14.29 7.14355H13.2422L13.5146 5.78223C13.5955 5.37757 13.2857 5 12.873 5ZM11.6221 8.57324L11.0508 11.4316H8.38281L8.9541 8.57324H11.6221Z" fill="#C4C4C4"/></svg>';
|
|
11745
|
+
const PARTICIPATE_AGAIN = '<svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.2725 11.3643C20.2076 9.43363 23.3446 9.47452 25.2812 11.4111C26.5036 12.6339 26.9684 14.3304 26.6641 15.9004C26.4846 16.8256 26.0377 17.7091 25.3242 18.4229C23.7148 20.0322 21.2682 20.2752 19.3789 19.1973C18.8998 18.9235 18.7336 18.3134 19.0068 17.834C19.2805 17.3545 19.8905 17.1867 20.3701 17.46C21.5128 18.1119 22.9663 17.9515 23.9092 17.0088C24.3307 16.5871 24.5948 16.0684 24.7012 15.5205C24.8829 14.5837 24.6057 13.5653 23.8672 12.8262C22.6912 11.6502 20.8204 11.6489 19.6865 12.7783L20.9512 14.0439C21.254 14.3469 21.0601 14.8658 20.6328 14.8965L16.4473 15.1963C16.1436 15.2181 15.8905 14.9658 15.9121 14.6621L16.2129 10.4766C16.2436 10.0494 16.7625 9.8555 17.0654 10.1582L18.2725 11.3643ZM21.75 0C22.3467 0 22.9189 0.237223 23.3408 0.65918C23.7628 1.08114 24 1.65326 24 2.25V4.5C24 4.69891 23.9209 4.88962 23.7803 5.03027C23.6396 5.17093 23.4489 5.25 23.25 5.25C22.8389 5.25 22.4405 5.36431 22.0938 5.57227C21.7356 5.52624 21.3707 5.5 21 5.5C19.3735 5.5 17.8543 5.95766 16.5625 6.75H16.5V6.79004C14.0985 8.29209 12.5 10.9586 12.5 14C12.5 14.3384 12.5221 14.6719 12.5605 15H2.25C1.65326 15 1.08114 14.7628 0.65918 14.3408C0.237223 13.9189 0 13.3467 0 12.75V10.5C0 10.3011 0.0790745 10.1104 0.219727 9.96973C0.360379 9.82907 0.551088 9.75 0.75 9.75C1.34674 9.75 1.91886 9.51278 2.34082 9.09082C2.76278 8.66886 3 8.09674 3 7.5C3 6.90326 2.76278 6.33114 2.34082 5.90918C1.91886 5.48722 1.34674 5.25 0.75 5.25C0.551088 5.25 0.360379 5.17093 0.219727 5.03027C0.0790743 4.88962 0 4.69891 0 4.5V2.25C0 1.65326 0.237223 1.08114 0.65918 0.65918C1.08114 0.237223 1.65326 0 2.25 0H21.75ZM6 14.25H7.5V12.75H6V14.25ZM6 11.25H7.5V9.75H6V11.25ZM6 8.25H7.5V6.75H6V8.25ZM6 5.25H7.5V3.75H6V5.25ZM16.5 5.25H18V3.75H16.5V5.25ZM6 2.25H7.5V0.75H6V2.25ZM16.5 2.25H18V0.75H16.5V2.25Z" fill="white"/></svg>';
|
|
11746
|
+
const PARTICIPATE = '<svg width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.25C0 1.65326 0.237053 1.08097 0.65901 0.65901C1.08097 0.237053 1.65326 0 2.25 0H21.75C22.3467 0 22.919 0.237053 23.341 0.65901C23.7629 1.08097 24 1.65326 24 2.25V4.5C24 4.69891 23.921 4.88968 23.7803 5.03033C23.6397 5.17098 23.4489 5.25 23.25 5.25C22.6533 5.25 22.081 5.48705 21.659 5.90901C21.2371 6.33097 21 6.90326 21 7.5C21 8.09674 21.2371 8.66903 21.659 9.09099C22.081 9.51295 22.6533 9.75 23.25 9.75C23.4489 9.75 23.6397 9.82902 23.7803 9.96967C23.921 10.1103 24 10.3011 24 10.5V12.75C24 13.3467 23.7629 13.919 23.341 14.341C22.919 14.7629 22.3467 15 21.75 15H2.25C1.65326 15 1.08097 14.7629 0.65901 14.341C0.237053 13.919 0 13.3467 0 12.75L0 10.5C0 10.3011 0.0790176 10.1103 0.21967 9.96967C0.360322 9.82902 0.551088 9.75 0.75 9.75C1.34674 9.75 1.91903 9.51295 2.34099 9.09099C2.76295 8.66903 3 8.09674 3 7.5C3 6.90326 2.76295 6.33097 2.34099 5.90901C1.91903 5.48705 1.34674 5.25 0.75 5.25C0.551088 5.25 0.360322 5.17098 0.21967 5.03033C0.0790176 4.88968 0 4.69891 0 4.5V2.25ZM6 0.75V2.25H7.5V0.75H6ZM7.5 5.25V3.75H6V5.25H7.5ZM18 5.25V3.75H16.5V5.25H18ZM16.5 2.25H18V0.75H16.5V2.25ZM7.5 6.75H6V8.25H7.5V6.75ZM18 8.25V6.75H16.5V8.25H18ZM7.5 9.75H6V11.25H7.5V9.75ZM18 11.25V9.75H16.5V11.25H18ZM6 12.75V14.25H7.5V12.75H6ZM16.5 14.25H18V12.75H16.5V14.25Z" fill="white"/></svg>';
|
|
11747
|
+
const CALENDAR = '<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216.374 216.374" style="enable-background:new 0 0 216.374 216.374;" xml:space="preserve"><g><path d="M207.374,30.135h-25.438V13.432c0-4.971-4.029-9-9-9s-9,4.029-9,9v16.703H52.438V13.432c0-4.971-4.029-9-9-9s-9,4.029-9,9v16.703H9c-4.971,0-9,4.029-9,9v163.808c0,4.971,4.029,9,9,9h198.374c4.971,0,9-4.029,9-9V39.135C216.374,34.164,212.345,30.135,207.374,30.135z M198.374,48.135v19.997H18V48.135H198.374z M18,193.942V86.132h180.374v107.811H18z"/><path d="M140.288,102.718L89.82,153.186l-13.734-13.734c-3.515-3.514-9.213-3.514-12.728,0c-3.515,3.515-3.514,9.214,0,12.729l20.098,20.098c1.757,1.757,4.061,2.636,6.364,2.636s4.606-0.879,6.364-2.636l56.832-56.831c3.515-3.515,3.515-9.214,0-12.729C149.502,99.205,143.803,99.204,140.288,102.718z"/></g></svg>';
|
|
11748
|
+
|
|
11736
11749
|
class MaterialModalService {
|
|
11737
11750
|
constructor(dialog, breakpointObserver, isIframe) {
|
|
11738
11751
|
this.dialog = dialog;
|
|
@@ -12018,7 +12031,7 @@ class CarouselComponent {
|
|
|
12018
12031
|
this.onSetImageEvent.emit(true);
|
|
12019
12032
|
}
|
|
12020
12033
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CarouselComponent, deps: [{ token: i1$a.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12021
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CarouselComponent, isStandalone: false, selector: "wapp-carousel", inputs: { images: "images", allowThumbnail: "allowThumbnail", infiniteCarousel: "infiniteCarousel", forceMobile: "forceMobile", height: "height", isDevModeActive: "isDevModeActive", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { onSetImageEvent: "onSetImageEvent" }, viewQueries: [{ propertyName: "thumbnail", first: true, predicate: ["thumbnail"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"carousel-container\"\r\n [style.height.px]=\"height?height:null\"\r\n [style.margin-bottom]=\"height?'.25rem':null\"\r\n (touchstart)=\"posIni = $event.changedTouches[0].pageX\"\r\n (touchend)=\"move($event.changedTouches[0].pageX)\" \r\n [ngClass]=\"{'mobile': forceMobile}\">\r\n @if(forceMobile){\r\n <div class=\"carousel-top-left-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" fill-opacity=\"0.63\"/>\r\n <path d=\"M20.8337 15H9.16699\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M13.2503 19.0807L9.16699 14.9974L13.2503 10.9141\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n }\r\n <!--carousel image container-->\r\n @for(img of images; track img; let i = $index; let first = $first){\r\n <div class=\"carousel-image-container\"\r\n [ngClass]=\"height ? 'fixed-height' : null\"\r\n [@animImageSlider]=\"slideControl[i]\" (click)=\"isDevModeActive ? onSetImage() : ''\" [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\">\r\n <!--carousel image-->\r\n <img #slide (load)=\"first && onLoad(slide)\" \r\n [ngClass]=\"{'default-image' : isNoImage, 'edit-image' : isDevModeActive}\"\r\n [src]=\"img.path\"/>\r\n </div>\r\n }\r\n <!--previous button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-previous-button\"\r\n (click)=\"change('right')\">\r\n <span class=\"carousel-previous-icon\"></span>\r\n </button>\r\n }\r\n <!--next button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-next-button\"\r\n (click)=\"change('left')\">\r\n <span class=\"carousel-next-icon\"></span>\r\n </button>\r\n }\r\n <!--button indicators-->\r\n @if(showIndicators){\r\n <div class=\"carousel-indicator-container\">\r\n <div class=\"carousel-indicator-buttons\">\r\n @for(img of images; track img; let i = $index){\r\n <button \r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (click)=\"setIndex(i)\"></button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n<!--thumbnail indicators-->\r\n@if(allowThumbnail){\r\n <div #thumbnail class=\"carousel-thumbnail-container\">\r\n <div class=\"carousel-thumbnails\"\r\n [@animationThumbnail]=\"{\r\n value: thumbnailAnimation,\r\n params: { margin: thumbnailMargin + 'px' }}\">\r\n @for(img of images; track img; let i = $index){\r\n <img \r\n [style.width.px]=\"thumbnailWidth\"\r\n [style.margin-right.px]=\"thumbnailMarginRigth\"\r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (load)=\"onLoadThumbnail()\"\r\n (click)=\"setIndex(i)\"\r\n [src]=\"img.path\" />\r\n }\r\n </div>\r\n </div>\r\n}\r\n", styles: [".carousel-container{position:relative;display:flex;overflow:hidden;margin-left:auto;margin-right:auto;align-items:center;width:450px;max-width:100%}.carousel-
|
|
12034
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CarouselComponent, isStandalone: false, selector: "wapp-carousel", inputs: { images: "images", allowThumbnail: "allowThumbnail", infiniteCarousel: "infiniteCarousel", forceMobile: "forceMobile", height: "height", isDevModeActive: "isDevModeActive", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { onSetImageEvent: "onSetImageEvent" }, viewQueries: [{ propertyName: "thumbnail", first: true, predicate: ["thumbnail"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"carousel-container\"\r\n [style.height.px]=\"height?height:null\"\r\n [style.margin-bottom]=\"height?'.25rem':null\"\r\n (touchstart)=\"posIni = $event.changedTouches[0].pageX\"\r\n (touchend)=\"move($event.changedTouches[0].pageX)\" \r\n [ngClass]=\"{'mobile': forceMobile}\">\r\n @if(forceMobile){\r\n <div class=\"carousel-top-left-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" fill-opacity=\"0.63\"/>\r\n <path d=\"M20.8337 15H9.16699\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M13.2503 19.0807L9.16699 14.9974L13.2503 10.9141\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n }\r\n <!--carousel image container-->\r\n @for(img of images; track img; let i = $index; let first = $first){\r\n <div class=\"carousel-image-container\"\r\n [ngClass]=\"height ? 'fixed-height' : null\"\r\n [@animImageSlider]=\"slideControl[i]\" (click)=\"isDevModeActive ? onSetImage() : ''\" [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\" [tooltipDisabled]=\"!isDevModeActive\">\r\n <!--carousel image-->\r\n <img #slide (load)=\"first && onLoad(slide)\" \r\n [ngClass]=\"{'default-image' : isNoImage, 'edit-image' : isDevModeActive}\"\r\n [src]=\"img.path\"/>\r\n </div>\r\n }\r\n <!--previous button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-previous-button\"\r\n (click)=\"change('right')\">\r\n <span class=\"carousel-previous-icon\"></span>\r\n </button>\r\n }\r\n <!--next button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-next-button\"\r\n (click)=\"change('left')\">\r\n <span class=\"carousel-next-icon\"></span>\r\n </button>\r\n }\r\n <!--button indicators-->\r\n @if(showIndicators){\r\n <div class=\"carousel-indicator-container\">\r\n <div class=\"carousel-indicator-buttons\">\r\n @for(img of images; track img; let i = $index){\r\n <button \r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (click)=\"setIndex(i)\"></button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n<!--thumbnail indicators-->\r\n@if(allowThumbnail){\r\n <div #thumbnail class=\"carousel-thumbnail-container\">\r\n <div class=\"carousel-thumbnails\"\r\n [@animationThumbnail]=\"{\r\n value: thumbnailAnimation,\r\n params: { margin: thumbnailMargin + 'px' }}\">\r\n @for(img of images; track img; let i = $index){\r\n <img \r\n [style.width.px]=\"thumbnailWidth\"\r\n [style.margin-right.px]=\"thumbnailMarginRigth\"\r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (load)=\"onLoadThumbnail()\"\r\n (click)=\"setIndex(i)\"\r\n [src]=\"img.path\" />\r\n }\r\n </div>\r\n </div>\r\n}\r\n", styles: [".carousel-container{position:relative;display:flex;overflow:hidden;margin-left:auto;margin-right:auto;align-items:center;width:450px;max-width:100%}.carousel-top-left-icon{position:absolute;top:15px;left:15px;cursor:pointer;z-index:10}.carousel-image-container{width:100%;position:relative}.carousel-image-container img{max-width:450px;width:-webkit-fill-available;width:stretch}@media(min-width:600px)and (max-width:959px){.carousel-image-container img{min-width:100%}.carousel-container{width:unset}}@media(max-width:599px){.carousel-image-container img{min-width:100%}.carousel-container{width:unset}}.carousel-image-container img.fixed-height{position:absolute;inset:-100% 0;margin:auto}.carousel-container:after{display:block;clear:both;content:\"\"}.carousel-container div{float:left;margin-right:-100%;font-size:0}.carousel-previous-button:hover,.carousel-next-button:hover,.carousel-previous-button:focus,.carousel-next-button:focus{opacity:.9}.carousel-previous-button,.carousel-next-button{position:absolute;top:0;bottom:0;width:15%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;color:#fff;opacity:.5;transition:opacity .15s ease;cursor:pointer}.carousel-next-button{right:0}.carousel-next-icon{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\")}.carousel-previous-icon{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-left' viewBox='0 0 16 16'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\")}.carousel-next-icon,.carousel-previous-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-indicator-container{width:100%;overflow:hidden}.carousel-indicator-buttons{display:flex;position:absolute;right:0;bottom:0;left:0;z-index:2;justify-content:center;padding:0;margin-right:15%!important;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicator-buttons button{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.carousel-indicator-buttons button:hover{opacity:1!important}.carousel-thumbnail-container{width:100%;overflow:hidden}.carousel-thumbnails{display:flex}.carousel-thumbnails img{cursor:pointer}.carousel-thumbnails img:hover{opacity:1!important}.default-image{padding:68px}.edit-image{cursor:pointer}::ng-deep .mobile.carousel-container{width:unset!important}::ng-deep .mobile.carousel-container .carousel-image-container{width:100%!important;position:relative!important}::ng-deep .mobile.carousel-container .carousel-image-container img{width:100%!important;height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], animations: [
|
|
12022
12035
|
trigger('animImageSlider', animationCarouselFade),
|
|
12023
12036
|
trigger('animationThumbnail', animationThumbnail),
|
|
12024
12037
|
] }); }
|
|
@@ -12028,7 +12041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
12028
12041
|
args: [{ selector: 'wapp-carousel', animations: [
|
|
12029
12042
|
trigger('animImageSlider', animationCarouselFade),
|
|
12030
12043
|
trigger('animationThumbnail', animationThumbnail),
|
|
12031
|
-
], standalone: false, template: "<div class=\"carousel-container\"\r\n [style.height.px]=\"height?height:null\"\r\n [style.margin-bottom]=\"height?'.25rem':null\"\r\n (touchstart)=\"posIni = $event.changedTouches[0].pageX\"\r\n (touchend)=\"move($event.changedTouches[0].pageX)\" \r\n [ngClass]=\"{'mobile': forceMobile}\">\r\n @if(forceMobile){\r\n <div class=\"carousel-top-left-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" fill-opacity=\"0.63\"/>\r\n <path d=\"M20.8337 15H9.16699\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M13.2503 19.0807L9.16699 14.9974L13.2503 10.9141\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n }\r\n <!--carousel image container-->\r\n @for(img of images; track img; let i = $index; let first = $first){\r\n <div class=\"carousel-image-container\"\r\n [ngClass]=\"height ? 'fixed-height' : null\"\r\n [@animImageSlider]=\"slideControl[i]\" (click)=\"isDevModeActive ? onSetImage() : ''\" [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\">\r\n <!--carousel image-->\r\n <img #slide (load)=\"first && onLoad(slide)\" \r\n [ngClass]=\"{'default-image' : isNoImage, 'edit-image' : isDevModeActive}\"\r\n [src]=\"img.path\"/>\r\n </div>\r\n }\r\n <!--previous button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-previous-button\"\r\n (click)=\"change('right')\">\r\n <span class=\"carousel-previous-icon\"></span>\r\n </button>\r\n }\r\n <!--next button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-next-button\"\r\n (click)=\"change('left')\">\r\n <span class=\"carousel-next-icon\"></span>\r\n </button>\r\n }\r\n <!--button indicators-->\r\n @if(showIndicators){\r\n <div class=\"carousel-indicator-container\">\r\n <div class=\"carousel-indicator-buttons\">\r\n @for(img of images; track img; let i = $index){\r\n <button \r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (click)=\"setIndex(i)\"></button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n<!--thumbnail indicators-->\r\n@if(allowThumbnail){\r\n <div #thumbnail class=\"carousel-thumbnail-container\">\r\n <div class=\"carousel-thumbnails\"\r\n [@animationThumbnail]=\"{\r\n value: thumbnailAnimation,\r\n params: { margin: thumbnailMargin + 'px' }}\">\r\n @for(img of images; track img; let i = $index){\r\n <img \r\n [style.width.px]=\"thumbnailWidth\"\r\n [style.margin-right.px]=\"thumbnailMarginRigth\"\r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (load)=\"onLoadThumbnail()\"\r\n (click)=\"setIndex(i)\"\r\n [src]=\"img.path\" />\r\n }\r\n </div>\r\n </div>\r\n}\r\n", styles: [".carousel-container{position:relative;display:flex;overflow:hidden;margin-left:auto;margin-right:auto;align-items:center;width:450px;max-width:100%}.carousel-
|
|
12044
|
+
], standalone: false, template: "<div class=\"carousel-container\"\r\n [style.height.px]=\"height?height:null\"\r\n [style.margin-bottom]=\"height?'.25rem':null\"\r\n (touchstart)=\"posIni = $event.changedTouches[0].pageX\"\r\n (touchend)=\"move($event.changedTouches[0].pageX)\" \r\n [ngClass]=\"{'mobile': forceMobile}\">\r\n @if(forceMobile){\r\n <div class=\"carousel-top-left-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"30\" height=\"30\" rx=\"15\" fill=\"white\" fill-opacity=\"0.63\"/>\r\n <path d=\"M20.8337 15H9.16699\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n <path d=\"M13.2503 19.0807L9.16699 14.9974L13.2503 10.9141\" stroke=\"#1F2224\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n </div>\r\n }\r\n <!--carousel image container-->\r\n @for(img of images; track img; let i = $index; let first = $first){\r\n <div class=\"carousel-image-container\"\r\n [ngClass]=\"height ? 'fixed-height' : null\"\r\n [@animImageSlider]=\"slideControl[i]\" (click)=\"isDevModeActive ? onSetImage() : ''\" [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\" [tooltipDisabled]=\"!isDevModeActive\">\r\n <!--carousel image-->\r\n <img #slide (load)=\"first && onLoad(slide)\" \r\n [ngClass]=\"{'default-image' : isNoImage, 'edit-image' : isDevModeActive}\"\r\n [src]=\"img.path\"/>\r\n </div>\r\n }\r\n <!--previous button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-previous-button\"\r\n (click)=\"change('right')\">\r\n <span class=\"carousel-previous-icon\"></span>\r\n </button>\r\n }\r\n <!--next button-->\r\n @if(showNavigation){\r\n <button type=\"button\"\r\n class=\"carousel-next-button\"\r\n (click)=\"change('left')\">\r\n <span class=\"carousel-next-icon\"></span>\r\n </button>\r\n }\r\n <!--button indicators-->\r\n @if(showIndicators){\r\n <div class=\"carousel-indicator-container\">\r\n <div class=\"carousel-indicator-buttons\">\r\n @for(img of images; track img; let i = $index){\r\n <button \r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (click)=\"setIndex(i)\"></button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n<!--thumbnail indicators-->\r\n@if(allowThumbnail){\r\n <div #thumbnail class=\"carousel-thumbnail-container\">\r\n <div class=\"carousel-thumbnails\"\r\n [@animationThumbnail]=\"{\r\n value: thumbnailAnimation,\r\n params: { margin: thumbnailMargin + 'px' }}\">\r\n @for(img of images; track img; let i = $index){\r\n <img \r\n [style.width.px]=\"thumbnailWidth\"\r\n [style.margin-right.px]=\"thumbnailMarginRigth\"\r\n [style.opacity]=\"i == counter ? 1 : 0.5\"\r\n (load)=\"onLoadThumbnail()\"\r\n (click)=\"setIndex(i)\"\r\n [src]=\"img.path\" />\r\n }\r\n </div>\r\n </div>\r\n}\r\n", styles: [".carousel-container{position:relative;display:flex;overflow:hidden;margin-left:auto;margin-right:auto;align-items:center;width:450px;max-width:100%}.carousel-top-left-icon{position:absolute;top:15px;left:15px;cursor:pointer;z-index:10}.carousel-image-container{width:100%;position:relative}.carousel-image-container img{max-width:450px;width:-webkit-fill-available;width:stretch}@media(min-width:600px)and (max-width:959px){.carousel-image-container img{min-width:100%}.carousel-container{width:unset}}@media(max-width:599px){.carousel-image-container img{min-width:100%}.carousel-container{width:unset}}.carousel-image-container img.fixed-height{position:absolute;inset:-100% 0;margin:auto}.carousel-container:after{display:block;clear:both;content:\"\"}.carousel-container div{float:left;margin-right:-100%;font-size:0}.carousel-previous-button:hover,.carousel-next-button:hover,.carousel-previous-button:focus,.carousel-next-button:focus{opacity:.9}.carousel-previous-button,.carousel-next-button{position:absolute;top:0;bottom:0;width:15%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;color:#fff;opacity:.5;transition:opacity .15s ease;cursor:pointer}.carousel-next-button{right:0}.carousel-next-icon{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>\")}.carousel-previous-icon{background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-chevron-left' viewBox='0 0 16 16'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>\")}.carousel-next-icon,.carousel-previous-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-indicator-container{width:100%;overflow:hidden}.carousel-indicator-buttons{display:flex;position:absolute;right:0;bottom:0;left:0;z-index:2;justify-content:center;padding:0;margin-right:15%!important;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicator-buttons button{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.carousel-indicator-buttons button:hover{opacity:1!important}.carousel-thumbnail-container{width:100%;overflow:hidden}.carousel-thumbnails{display:flex}.carousel-thumbnails img{cursor:pointer}.carousel-thumbnails img:hover{opacity:1!important}.default-image{padding:68px}.edit-image{cursor:pointer}::ng-deep .mobile.carousel-container{width:unset!important}::ng-deep .mobile.carousel-container .carousel-image-container{width:100%!important;position:relative!important}::ng-deep .mobile.carousel-container .carousel-image-container img{width:100%!important;height:auto}\n"] }]
|
|
12032
12045
|
}], ctorParameters: () => [{ type: i1$a.DeviceDetectorService }], propDecorators: { thumbnail: [{
|
|
12033
12046
|
type: ViewChild,
|
|
12034
12047
|
args: ['thumbnail', { static: true }]
|
|
@@ -12056,6 +12069,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
12056
12069
|
}] } });
|
|
12057
12070
|
|
|
12058
12071
|
class WappMaterialServiceViewComponent {
|
|
12072
|
+
set lotteryEvent(value) {
|
|
12073
|
+
this._lotteryEvent = value;
|
|
12074
|
+
if (value)
|
|
12075
|
+
this.evaluateDraw();
|
|
12076
|
+
}
|
|
12077
|
+
get lotteryEvent() {
|
|
12078
|
+
return this._lotteryEvent;
|
|
12079
|
+
}
|
|
12059
12080
|
set wappingService(value) {
|
|
12060
12081
|
this._wappingService = value;
|
|
12061
12082
|
if (value) {
|
|
@@ -12074,7 +12095,6 @@ class WappMaterialServiceViewComponent {
|
|
|
12074
12095
|
this.allowSelectSendGiftCard = true;
|
|
12075
12096
|
this.enumSendingStatus = SendingStatus;
|
|
12076
12097
|
this.ecardStatus = CardStatus;
|
|
12077
|
-
this.isDrawService = false;
|
|
12078
12098
|
this.wappingServicesTranslations = {
|
|
12079
12099
|
activedService: 'Activada',
|
|
12080
12100
|
disabledService: 'Desactivada',
|
|
@@ -12084,12 +12104,22 @@ class WappMaterialServiceViewComponent {
|
|
|
12084
12104
|
receivedLabel: "Enviada por {{name}}",
|
|
12085
12105
|
showMore: "Mostrar más",
|
|
12086
12106
|
title: "Descripción",
|
|
12087
|
-
|
|
12107
|
+
buttonService: "Participate"
|
|
12088
12108
|
};
|
|
12089
|
-
this.
|
|
12109
|
+
this.disabledButtonService = false;
|
|
12110
|
+
this.showButtonService = false;
|
|
12111
|
+
this.showToggle = true;
|
|
12090
12112
|
this.wappingServiceSelected = new EventEmitter();
|
|
12091
|
-
this.
|
|
12092
|
-
this.
|
|
12113
|
+
this.triggerButtonService = new EventEmitter();
|
|
12114
|
+
this.firstParticipation = true;
|
|
12115
|
+
this.isDraw = false;
|
|
12116
|
+
this.hasParticipations = false;
|
|
12117
|
+
this.disabledParticipationsModal = false;
|
|
12118
|
+
this.isMemberGetMember = false;
|
|
12119
|
+
this.matIconRegistry.addSvgIconLiteral("calendar", this.domSanitizer.bypassSecurityTrustHtml(CALENDAR));
|
|
12120
|
+
this.matIconRegistry.addSvgIconLiteral("number", this.domSanitizer.bypassSecurityTrustHtml(ICON_NUMBER));
|
|
12121
|
+
this.matIconRegistry.addSvgIconLiteral("participate", this.domSanitizer.bypassSecurityTrustHtml(PARTICIPATE));
|
|
12122
|
+
this.matIconRegistry.addSvgIconLiteral("participate-again", this.domSanitizer.bypassSecurityTrustHtml(PARTICIPATE_AGAIN));
|
|
12093
12123
|
}
|
|
12094
12124
|
ngOnInit() {
|
|
12095
12125
|
}
|
|
@@ -12108,11 +12138,30 @@ class WappMaterialServiceViewComponent {
|
|
|
12108
12138
|
if (this.wappingService.enumTypeStatusECardID == this.ecardStatus.generated)
|
|
12109
12139
|
this.allowSelectSendGiftCard = false;
|
|
12110
12140
|
if (this.wappingService.type == WappingServiceType.Draws) {
|
|
12111
|
-
this.
|
|
12141
|
+
this.isDraw = true;
|
|
12142
|
+
}
|
|
12143
|
+
if (this.wappingService.type == WappingServiceType.MemberGetMember) {
|
|
12144
|
+
this.isMemberGetMember = true;
|
|
12112
12145
|
}
|
|
12113
12146
|
this.getWappingServiceTiles();
|
|
12114
12147
|
this.getWappingServiceImages();
|
|
12115
12148
|
}
|
|
12149
|
+
evaluateDraw() {
|
|
12150
|
+
if (this.lotteryEvent.isScheduledForDraw) {
|
|
12151
|
+
if (this.lotteryEvent.lotteryEventNextDraw.skyWappCardTransactionIds.length > 0) {
|
|
12152
|
+
this.firstParticipation = false;
|
|
12153
|
+
this.hasParticipations = true;
|
|
12154
|
+
}
|
|
12155
|
+
else {
|
|
12156
|
+
this.firstParticipation = true;
|
|
12157
|
+
this.hasParticipations = false;
|
|
12158
|
+
}
|
|
12159
|
+
this.disabledParticipationsModal = false;
|
|
12160
|
+
}
|
|
12161
|
+
else {
|
|
12162
|
+
this.hasParticipations = false;
|
|
12163
|
+
}
|
|
12164
|
+
}
|
|
12116
12165
|
getWappingServiceTiles() {
|
|
12117
12166
|
if (this.wappingService.wappingServiceTiles != null) {
|
|
12118
12167
|
let viewTiles = this.wappingService.wappingServiceTiles.filter(w => w.appViewType == WappingServiceAppViewType.View);
|
|
@@ -12192,33 +12241,42 @@ class WappMaterialServiceViewComponent {
|
|
|
12192
12241
|
};
|
|
12193
12242
|
this.materialModal.open(WappServiceDescriptionComponent, modalSize, dialogConfig);
|
|
12194
12243
|
}
|
|
12195
|
-
|
|
12196
|
-
this.
|
|
12244
|
+
pressButtonService() {
|
|
12245
|
+
this.triggerButtonService.emit();
|
|
12197
12246
|
}
|
|
12198
12247
|
isOverflown() {
|
|
12199
12248
|
var element = document.getElementById("serviceDescription");
|
|
12200
12249
|
return element != null ? element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth : false;
|
|
12201
12250
|
}
|
|
12202
12251
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WappMaterialServiceViewComponent, deps: [{ token: i2$d.MatIconRegistry }, { token: i3$7.DomSanitizer }, { token: MaterialModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12203
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WappMaterialServiceViewComponent, isStandalone: false, selector: "wapp-material-service-view", inputs: { wappingServicesTranslations: "wappingServicesTranslations", canParticipateDraw: "canParticipateDraw", wappingService: "wappingService" }, outputs: { wappingServiceSelected: "wappingServiceSelected", participateDraw: "participateDraw" }, ngImport: i0, template: "@if (wappingService) {\r\n <wapp-main-title title=\"{{wappingService.tile3}}\" fxHide.xs></wapp-main-title>\r\n}\r\n@if (wappingService) {\r\n <div class=\"service-detail-center\"\r\n fxLayout=\"row\" fxLayout.xs=\"column\" fxLayout.sm=\"column\">\r\n <!--service image-->\r\n <div class=\"service-view\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if (wappingService.tile1) {\r\n <div class=\"service-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile1}}</div>\r\n @if (wappingService.showTile1Label) {\r\n <div>{{wappingService.tile1Label}}</div>\r\n }\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel [images]=\"wappingServiceImages\"></wapp-carousel>\r\n <!--tile 2-->\r\n @if (wappingService.tile2) {\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n class=\"service-tile\"\r\n [ngClass]=\"{'service-tile-border-bottom-radius': !wappingService.tile4}\"\r\n [style.background-color]=\"wappingService.tile2BackgroundColor\"\r\n [style.color]=\"wappingService.tile2ForegroundColor\"\r\n >\r\n <div>{{wappingService.tile2}}</div>\r\n @if (wappingService.showTile2Label) {\r\n <div>{{wappingService.tile2Label}}</div>\r\n }\r\n </div>\r\n }\r\n @if (isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend) && wappingService?.enumTypeStatusECardID == ecardStatus.sent! ) {\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if (isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration) && wappingService?.enumTypeStatusECardID == ecardStatus.sent) {\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if (isSendGiftCard && wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent && wappingService?.enumTypeStatusECardID == ecardStatus.activated) {\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.receivedLabel }}\r\n </div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if (wappingService.allowSelect && allowSelectSendGiftCard && !isDrawService) {\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n\r\n @if(isDrawService) {\r\n <button mat-flat-button class=\"service-select-toggle\" color=\"accent\" \r\n [disabled]=\"!canParticipateDraw\"\r\n (click)=\"triggerParticipate()\">\r\n <span>{{ wappingServicesTranslations?.participate }}</span>\r\n </button>\r\n }\r\n </div>\r\n <!--service info-->\r\n @if (wappingService.tile3 || wappingService.tile4) {\r\n <div class=\"service-info-container\" fxLayout=\"column\">\r\n <div class=\"service-description-container\">\r\n <!--tile 3-->\r\n @if (wappingService.tile3) {\r\n <div class=\"service-name mat-title\" fxHide fxShow.xs>\r\n {{wappingService.tile3}}\r\n </div>\r\n }\r\n <!--tile 4-->\r\n @if (wappingService.tile4 && wappingService.enumTypeStatusECardID != ecardStatus.generated) {\r\n <div class=\"service-description\" id=\"serviceDescription\">\r\n {{wappingService.tile4}}\r\n </div>\r\n }\r\n @if (wappingService.enumTypeStatusECardID == ecardStatus.generated) {\r\n <div class=\"service-description\">\r\n {{ wappingServicesTranslations.cardGenerated }}\r\n </div>\r\n }\r\n <!--show more-->\r\n @if (isOverflown()) {\r\n <div class=\"service-show-more-container\" (click)=\"openModalShowMoreDescription();\">\r\n <span>{{wappingServicesTranslations.showMore }}</span><mat-icon class=\"service-show-more-vector\" svgIcon=\"vector_right\"></mat-icon>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tileDetail 1-->\r\n @if (wappingService.tileDetail1) {\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"calendar\"></mat-icon>\r\n <span>{{wappingService.tileDetail1}}</span>\r\n </div>\r\n }\r\n <!--tileDetail 2-->\r\n @if (wappingService.tileDetail2) {\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"tickets\"></mat-icon>\r\n <span>{{wappingService.tileDetail2}}</span>\r\n </div>\r\n }\r\n </div>\r\n <!--link-->\r\n @if (wappingService.titleLinkUrl && wappingService.linkUrl) {\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n}", styles: [":host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:70px}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-title{position:absolute;margin-left:60px;margin-right:60px;height:32px;top:0;left:0;right:0;z-index:99;display:flex;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.service-tile{padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left}.service-info-container{width:100%}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i2$d.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9$4.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }] }); }
|
|
12252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WappMaterialServiceViewComponent, isStandalone: false, selector: "wapp-material-service-view", inputs: { wappingServicesTranslations: "wappingServicesTranslations", disabledButtonService: "disabledButtonService", showButtonService: "showButtonService", showToggle: "showToggle", lotteryEvent: "lotteryEvent", wappingService: "wappingService" }, outputs: { wappingServiceSelected: "wappingServiceSelected", triggerButtonService: "triggerButtonService" }, ngImport: i0, template: "@if(wappingService){\r\n <wapp-main-title title=\"{{wappingService.tile3}}\" fxHide.xs></wapp-main-title>\r\n}\r\n@if(wappingService){\r\n<div class=\"service-detail-center\" \r\n fxLayout=\"row\" fxLayout.xs=\"column\" fxLayout.sm=\"column\">\r\n <!--service image-->\r\n <div class=\"service-view\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if(wappingService.tile1){\r\n <div class=\"service-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile1}}</div>\r\n @if(wappingService.showTile1Label){<div>{{wappingService.tile1Label}}</div>}\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel [images]=\"wappingServiceImages\"></wapp-carousel>\r\n <!--tile 2-->\r\n @if(wappingService.tile2){\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n class=\"service-tile\"\r\n [ngClass]=\"{'service-tile-border-bottom-radius': !wappingService.tile4}\"\r\n [style.background-color]=\"wappingService.tile2BackgroundColor\"\r\n [style.color]=\"wappingService.tile2ForegroundColor\">\r\n <div>{{wappingService.tile2}}</div>\r\n @if(wappingService.showTile2Label){<div>{{wappingService.tile2Label}}</div>}\r\n </div>\r\n }\r\n \r\n @if(isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend) && wappingService?.enumTypeStatusECardID == ecardStatus.sent! ){\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if(isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration) && wappingService?.enumTypeStatusECardID == ecardStatus.sent){\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if(isSendGiftCard && wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent && wappingService?.enumTypeStatusECardID == ecardStatus.activated){\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.receivedLabel }}\r\n </div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle){\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n @if(showButtonService){\r\n <button mat-flat-button \r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n fxFlex=\"100\" fxHide fxShow.xs\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n\r\n <div class=\"service-view-icon\" *ngIf=\"isMemberGetMember\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n <div class=\"service-view-icon\" *ngIf=\"isDraw\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n }\r\n \r\n </div>\r\n <!--service info-->\r\n @if(wappingService.tile3 || wappingService.tile4){\r\n <div class=\"service-info-container\" fxLayout=\"column\">\r\n <div class=\"service-description-container\">\r\n <!--tile 3-->\r\n @if(wappingService.tile3){\r\n <div class=\"service-name mat-title\" fxHide fxShow.xs>\r\n {{wappingService.tile3}}\r\n </div>\r\n }\r\n <!--tile 4-->\r\n @if(wappingService.tile4 && wappingService.enumTypeStatusECardID != ecardStatus.generated){\r\n <div class=\"service-description\" id=\"serviceDescription\">\r\n {{wappingService.tile4}}\r\n </div>\r\n }\r\n @if(wappingService.enumTypeStatusECardID == ecardStatus.generated){\r\n <div class=\"service-description\">\r\n {{ wappingServicesTranslations.cardGenerated }}\r\n </div>\r\n }\r\n <!--show more-->\r\n @if(isOverflown()){\r\n <div class=\"service-show-more-container\" (click)=\"openModalShowMoreDescription();\">\r\n <span>{{wappingServicesTranslations.showMore }}</span><mat-icon class=\"service-show-more-vector\" svgIcon=\"vector_right\"></mat-icon>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tileDetail 1-->\r\n @if(wappingService.tileDetail1){\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"calendar\"></mat-icon>\r\n <span>{{wappingService.tileDetail1}}</span>\r\n </div>\r\n }\r\n <!--tileDetail 2-->\r\n @if(wappingService.tileDetail2){\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"tickets\"></mat-icon>\r\n <span>{{wappingService.tileDetail2}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"service-view-container-button\" fxHide.xs *ngIf=\"showButtonService\">\r\n <button mat-flat-button\r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n\r\n <div class=\"service-view-icon\" *ngIf=\"isMemberGetMember\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n <div class=\"service-view-icon\" *ngIf=\"isDraw\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n </div>\r\n <!--link-->\r\n @if(wappingService.titleLinkUrl && wappingService.linkUrl){\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n</div>\r\n}", styles: [":host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:70px}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-title{position:absolute;margin-left:60px;margin-right:60px;height:32px;top:0;left:0;right:0;z-index:99;display:flex;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.service-tile{padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left}.service-info-container{width:100%}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}.participation-detail-container{margin:16px 0;width:100%}.participation-detail-desktop-bar{border-radius:8px;padding:12px 24px;box-shadow:0 2px 4px #0000000d;gap:8px;display:flex;justify-content:flex-start;align-items:center}.participation-detail-value{margin-right:auto}.participation-detail-date{margin-left:4px}.participation-detail-container-mobile{padding:4px 12px!important}.participation-detail-mobile-card{border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:12px}.participation-date-row{width:100%;text-align:center;padding-bottom:8px}.card-bottom-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.numbers-section{display:flex;flex-direction:column;flex:1}.numbers-list-vertical{display:flex;flex-direction:column;margin-top:4px;max-height:120px;overflow-y:auto}.number-item{padding:2px 0}.numbers-title{margin:0;text-transform:none}.card-icon-right{display:flex;justify-content:center;align-items:center;margin-left:10px}.card-icon-right mat-icon{width:50px!important;height:50px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i2$d.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9$4.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }] }); }
|
|
12204
12253
|
}
|
|
12205
12254
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WappMaterialServiceViewComponent, decorators: [{
|
|
12206
12255
|
type: Component,
|
|
12207
|
-
args: [{ selector: 'wapp-material-service-view', standalone: false, template: "@if (wappingService) {\r\n <wapp-main-title title=\"{{wappingService.tile3}}\" fxHide.xs></wapp-main-title>\r\n}\r\n@if (wappingService) {\r\n <div class=\"service-detail-center\"\r\n fxLayout=\"row\" fxLayout.xs=\"column\" fxLayout.sm=\"column\">\r\n <!--service image-->\r\n <div class=\"service-view\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if (wappingService.tile1) {\r\n <div class=\"service-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile1}}</div>\r\n @if (wappingService.showTile1Label) {\r\n <div>{{wappingService.tile1Label}}</div>\r\n }\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel [images]=\"wappingServiceImages\"></wapp-carousel>\r\n <!--tile 2-->\r\n @if (wappingService.tile2) {\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n class=\"service-tile\"\r\n [ngClass]=\"{'service-tile-border-bottom-radius': !wappingService.tile4}\"\r\n [style.background-color]=\"wappingService.tile2BackgroundColor\"\r\n [style.color]=\"wappingService.tile2ForegroundColor\"\r\n >\r\n <div>{{wappingService.tile2}}</div>\r\n @if (wappingService.showTile2Label) {\r\n <div>{{wappingService.tile2Label}}</div>\r\n }\r\n </div>\r\n }\r\n @if (isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend) && wappingService?.enumTypeStatusECardID == ecardStatus.sent! ) {\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if (isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration) && wappingService?.enumTypeStatusECardID == ecardStatus.sent) {\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if (isSendGiftCard && wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent && wappingService?.enumTypeStatusECardID == ecardStatus.activated) {\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.receivedLabel }}\r\n </div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if (wappingService.allowSelect && allowSelectSendGiftCard && !isDrawService) {\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n\r\n @if(isDrawService) {\r\n <button mat-flat-button class=\"service-select-toggle\" color=\"accent\" \r\n [disabled]=\"!canParticipateDraw\"\r\n (click)=\"triggerParticipate()\">\r\n <span>{{ wappingServicesTranslations?.participate }}</span>\r\n </button>\r\n }\r\n </div>\r\n <!--service info-->\r\n @if (wappingService.tile3 || wappingService.tile4) {\r\n <div class=\"service-info-container\" fxLayout=\"column\">\r\n <div class=\"service-description-container\">\r\n <!--tile 3-->\r\n @if (wappingService.tile3) {\r\n <div class=\"service-name mat-title\" fxHide fxShow.xs>\r\n {{wappingService.tile3}}\r\n </div>\r\n }\r\n <!--tile 4-->\r\n @if (wappingService.tile4 && wappingService.enumTypeStatusECardID != ecardStatus.generated) {\r\n <div class=\"service-description\" id=\"serviceDescription\">\r\n {{wappingService.tile4}}\r\n </div>\r\n }\r\n @if (wappingService.enumTypeStatusECardID == ecardStatus.generated) {\r\n <div class=\"service-description\">\r\n {{ wappingServicesTranslations.cardGenerated }}\r\n </div>\r\n }\r\n <!--show more-->\r\n @if (isOverflown()) {\r\n <div class=\"service-show-more-container\" (click)=\"openModalShowMoreDescription();\">\r\n <span>{{wappingServicesTranslations.showMore }}</span><mat-icon class=\"service-show-more-vector\" svgIcon=\"vector_right\"></mat-icon>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tileDetail 1-->\r\n @if (wappingService.tileDetail1) {\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"calendar\"></mat-icon>\r\n <span>{{wappingService.tileDetail1}}</span>\r\n </div>\r\n }\r\n <!--tileDetail 2-->\r\n @if (wappingService.tileDetail2) {\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"tickets\"></mat-icon>\r\n <span>{{wappingService.tileDetail2}}</span>\r\n </div>\r\n }\r\n </div>\r\n <!--link-->\r\n @if (wappingService.titleLinkUrl && wappingService.linkUrl) {\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n}", styles: [":host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:70px}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-title{position:absolute;margin-left:60px;margin-right:60px;height:32px;top:0;left:0;right:0;z-index:99;display:flex;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.service-tile{padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left}.service-info-container{width:100%}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"] }]
|
|
12256
|
+
args: [{ selector: 'wapp-material-service-view', standalone: false, template: "@if(wappingService){\r\n <wapp-main-title title=\"{{wappingService.tile3}}\" fxHide.xs></wapp-main-title>\r\n}\r\n@if(wappingService){\r\n<div class=\"service-detail-center\" \r\n fxLayout=\"row\" fxLayout.xs=\"column\" fxLayout.sm=\"column\">\r\n <!--service image-->\r\n <div class=\"service-view\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if(wappingService.tile1){\r\n <div class=\"service-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile1}}</div>\r\n @if(wappingService.showTile1Label){<div>{{wappingService.tile1Label}}</div>}\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel [images]=\"wappingServiceImages\"></wapp-carousel>\r\n <!--tile 2-->\r\n @if(wappingService.tile2){\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n class=\"service-tile\"\r\n [ngClass]=\"{'service-tile-border-bottom-radius': !wappingService.tile4}\"\r\n [style.background-color]=\"wappingService.tile2BackgroundColor\"\r\n [style.color]=\"wappingService.tile2ForegroundColor\">\r\n <div>{{wappingService.tile2}}</div>\r\n @if(wappingService.showTile2Label){<div>{{wappingService.tile2Label}}</div>}\r\n </div>\r\n }\r\n \r\n @if(isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend) && wappingService?.enumTypeStatusECardID == ecardStatus.sent! ){\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.scheduledLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if(isSendGiftCard && (wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration) && wappingService?.enumTypeStatusECardID == ecardStatus.sent){\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.sendLabel }}\r\n </div>\r\n </div>\r\n }\r\n @if(isSendGiftCard && wappingService?.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent && wappingService?.enumTypeStatusECardID == ecardStatus.activated){\r\n <div class=\"card-header-status-container sendLabel-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"sendLabel\" >\r\n {{ wappingServicesTranslations.receivedLabel }}\r\n </div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle){\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n @if(showButtonService){\r\n <button mat-flat-button \r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n fxFlex=\"100\" fxHide fxShow.xs\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n\r\n <div class=\"service-view-icon\" *ngIf=\"isMemberGetMember\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n <div class=\"service-view-icon\" *ngIf=\"isDraw\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n }\r\n \r\n </div>\r\n <!--service info-->\r\n @if(wappingService.tile3 || wappingService.tile4){\r\n <div class=\"service-info-container\" fxLayout=\"column\">\r\n <div class=\"service-description-container\">\r\n <!--tile 3-->\r\n @if(wappingService.tile3){\r\n <div class=\"service-name mat-title\" fxHide fxShow.xs>\r\n {{wappingService.tile3}}\r\n </div>\r\n }\r\n <!--tile 4-->\r\n @if(wappingService.tile4 && wappingService.enumTypeStatusECardID != ecardStatus.generated){\r\n <div class=\"service-description\" id=\"serviceDescription\">\r\n {{wappingService.tile4}}\r\n </div>\r\n }\r\n @if(wappingService.enumTypeStatusECardID == ecardStatus.generated){\r\n <div class=\"service-description\">\r\n {{ wappingServicesTranslations.cardGenerated }}\r\n </div>\r\n }\r\n <!--show more-->\r\n @if(isOverflown()){\r\n <div class=\"service-show-more-container\" (click)=\"openModalShowMoreDescription();\">\r\n <span>{{wappingServicesTranslations.showMore }}</span><mat-icon class=\"service-show-more-vector\" svgIcon=\"vector_right\"></mat-icon>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tileDetail 1-->\r\n @if(wappingService.tileDetail1){\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"calendar\"></mat-icon>\r\n <span>{{wappingService.tileDetail1}}</span>\r\n </div>\r\n }\r\n <!--tileDetail 2-->\r\n @if(wappingService.tileDetail2){\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <mat-icon class=\"service-tile-detail-icon\" svgIcon=\"tickets\"></mat-icon>\r\n <span>{{wappingService.tileDetail2}}</span>\r\n </div>\r\n }\r\n </div>\r\n <div class=\"service-view-container-button\" fxHide.xs *ngIf=\"showButtonService\">\r\n <button mat-flat-button\r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n\r\n <div class=\"service-view-icon\" *ngIf=\"isMemberGetMember\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n <div class=\"service-view-icon\" *ngIf=\"isDraw\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n </div>\r\n <!--link-->\r\n @if(wappingService.titleLinkUrl && wappingService.linkUrl){\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n</div>\r\n}", styles: [":host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:70px}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-title{position:absolute;margin-left:60px;margin-right:60px;height:32px;top:0;left:0;right:0;z-index:99;display:flex;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.service-tile{padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left}.service-info-container{width:100%}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}.participation-detail-container{margin:16px 0;width:100%}.participation-detail-desktop-bar{border-radius:8px;padding:12px 24px;box-shadow:0 2px 4px #0000000d;gap:8px;display:flex;justify-content:flex-start;align-items:center}.participation-detail-value{margin-right:auto}.participation-detail-date{margin-left:4px}.participation-detail-container-mobile{padding:4px 12px!important}.participation-detail-mobile-card{border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:12px}.participation-date-row{width:100%;text-align:center;padding-bottom:8px}.card-bottom-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.numbers-section{display:flex;flex-direction:column;flex:1}.numbers-list-vertical{display:flex;flex-direction:column;margin-top:4px;max-height:120px;overflow-y:auto}.number-item{padding:2px 0}.numbers-title{margin:0;text-transform:none}.card-icon-right{display:flex;justify-content:center;align-items:center;margin-left:10px}.card-icon-right mat-icon{width:50px!important;height:50px!important}\n"] }]
|
|
12208
12257
|
}], ctorParameters: () => [{ type: i2$d.MatIconRegistry }, { type: i3$7.DomSanitizer }, { type: MaterialModalService }], propDecorators: { wappingServicesTranslations: [{
|
|
12209
12258
|
type: Input,
|
|
12210
12259
|
args: ['wappingServicesTranslations']
|
|
12211
|
-
}],
|
|
12260
|
+
}], disabledButtonService: [{
|
|
12261
|
+
type: Input,
|
|
12262
|
+
args: ['disabledButtonService']
|
|
12263
|
+
}], showButtonService: [{
|
|
12264
|
+
type: Input,
|
|
12265
|
+
args: ['showButtonService']
|
|
12266
|
+
}], showToggle: [{
|
|
12212
12267
|
type: Input,
|
|
12213
|
-
args: ['
|
|
12268
|
+
args: ['showToggle']
|
|
12269
|
+
}], lotteryEvent: [{
|
|
12270
|
+
type: Input,
|
|
12271
|
+
args: ['lotteryEvent']
|
|
12214
12272
|
}], wappingService: [{
|
|
12215
12273
|
type: Input
|
|
12216
12274
|
}], wappingServiceSelected: [{
|
|
12217
12275
|
type: Output,
|
|
12218
12276
|
args: ['wappingServiceSelected']
|
|
12219
|
-
}],
|
|
12277
|
+
}], triggerButtonService: [{
|
|
12220
12278
|
type: Output,
|
|
12221
|
-
args: ['
|
|
12279
|
+
args: ['triggerButtonService']
|
|
12222
12280
|
}] } });
|
|
12223
12281
|
|
|
12224
12282
|
class WStampBookletComponent {
|
|
@@ -12262,11 +12320,11 @@ class WStampBookletComponent {
|
|
|
12262
12320
|
}
|
|
12263
12321
|
}
|
|
12264
12322
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WStampBookletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: WStampBookletComponent, isStandalone: false, selector: "w-stamp-booklet", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"config?.enableStampCard\" \r\n class=\"card\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardbgcolor || defaultColors.bg\">\r\n\r\n <div class=\"title\" [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ config.stampCardTitle || 'Tu Tarjeta de Puntos' }}\r\n </div>\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" \r\n [style.width.%]=\"percent\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n </div>\r\n </div>\r\n <div class=\"progress-counter\" [style.color]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n {{ config.currentStamps }}/{{ config.totalStamps }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"stamps-wrapper\">\r\n <div class=\"stamps\">\r\n <div *ngFor=\"let stampNum of stampsArray\" \r\n class=\"stamp\"\r\n [ngClass]=\"{'completed': stampNum <= safeStamps}\"\r\n [style.background]=\"stampNum <= safeStamps ? (config.stampCardbgcolorstamp || defaultColors.stampBg) : (config.stampCardaccentcolor || defaultColors.accent)\"\r\n [style.color]=\"config.stampCardfgcolorstamp || defaultColors.stampFg\"\r\n [style.animation-delay]=\"(stampNum * 0.05) + 's'\">\r\n \r\n <span *ngIf=\"stampNum <= safeStamps\">\u2714</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"footer\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\"\r\n [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ footerText }}\r\n </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.card{max-width:100%;width:320px;min-width:280px;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.title{font-size:14px;font-weight:700}.progress-container{position:relative}.progress-bar{height:4px;background:#ddd;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:999px;transition:width .8s ease}.progress-counter{position:absolute;right:0;top:-18px;font-size:11px;font-weight:700;background:transparent}.stamps-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin:10px 0}.stamps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:12px;justify-items:center}.stamp{width:clamp(36px,9vw,44px);height:clamp(36px,9vw,44px);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .3s ease}.footer{margin-top:auto;padding:12px;border-radius:10px;text-align:center;font-size:12px;font-weight:700;color:#fff;display:flex;width:100%!important;justify-content:center}.card.completed{animation:cardBounce .6s ease}.stamp.completed{animation:pop .4s ease both}.footer.completed{animation:pulse 1.2s infinite}.card.completed:before,.card.completed:after{content:\"\\1f389 \\2728 \\1f381\";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:16px;opacity:0;animation:confetti 1.6s ease forwards}.card.completed:after{animation-delay:.3s}@keyframes pop{0%{transform:scale(.5);opacity:.2}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cardBounce{0%{transform:scale(.95)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes confetti{0%{top:-30px;opacity:0}20%{opacity:1}to{top:100px;opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] }); }
|
|
12323
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: WStampBookletComponent, isStandalone: false, selector: "w-stamp-booklet", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"config?.enableStampCard\" \r\n class=\"card\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardbgcolor || defaultColors.bg\">\r\n\r\n <div class=\"title\" [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ config.stampCardTitle || 'Tu Tarjeta de Puntos' }}\r\n </div>\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" \r\n [style.width.%]=\"percent\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n </div>\r\n </div>\r\n <div class=\"progress-counter\" [style.color]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n {{ config.currentStamps }}/{{ config.totalStamps }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"stamps-wrapper\">\r\n <div class=\"stamps\">\r\n <div *ngFor=\"let stampNum of stampsArray\" \r\n class=\"stamp\"\r\n [ngClass]=\"{'completed': stampNum <= safeStamps}\"\r\n [style.background]=\"stampNum <= safeStamps ? (config.stampCardbgcolorstamp || defaultColors.stampBg) : (config.stampCardaccentcolor || defaultColors.accent)\"\r\n [style.color]=\"config.stampCardfgcolorstamp || defaultColors.stampFg\"\r\n [style.animation-delay]=\"(stampNum * 0.05) + 's'\">\r\n \r\n <span *ngIf=\"stampNum <= safeStamps\">\u2714</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"footer\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\"\r\n [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ footerText }}\r\n </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.card{max-width:100%;width:320px;min-width:280px;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}@media(max-width:599px){.card{width:100%}.card .title{justify-content:center;display:flex}}.title{font-size:14px;font-weight:700}.progress-container{position:relative}.progress-bar{height:4px;background:#ddd;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:999px;transition:width .8s ease}.progress-counter{position:absolute;right:0;top:-18px;font-size:11px;font-weight:700;background:transparent}.stamps-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin:10px 0}.stamps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:12px;justify-items:center}.stamp{width:clamp(36px,9vw,44px);height:clamp(36px,9vw,44px);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .3s ease}.footer{margin-top:auto;padding:12px;border-radius:10px;text-align:center;font-size:12px;font-weight:700;color:#fff;display:flex;width:100%!important;justify-content:center}.card.completed{animation:cardBounce .6s ease}.stamp.completed{animation:pop .4s ease both}.footer.completed{animation:pulse 1.2s infinite}.card.completed:before,.card.completed:after{content:\"\\1f389 \\2728 \\1f381\";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:16px;opacity:0;animation:confetti 1.6s ease forwards}.card.completed:after{animation-delay:.3s}@keyframes pop{0%{transform:scale(.5);opacity:.2}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cardBounce{0%{transform:scale(.95)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes confetti{0%{top:-30px;opacity:0}20%{opacity:1}to{top:100px;opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] }); }
|
|
12266
12324
|
}
|
|
12267
12325
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WStampBookletComponent, decorators: [{
|
|
12268
12326
|
type: Component,
|
|
12269
|
-
args: [{ selector: 'w-stamp-booklet', standalone: false, template: "<div *ngIf=\"config?.enableStampCard\" \r\n class=\"card\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardbgcolor || defaultColors.bg\">\r\n\r\n <div class=\"title\" [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ config.stampCardTitle || 'Tu Tarjeta de Puntos' }}\r\n </div>\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" \r\n [style.width.%]=\"percent\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n </div>\r\n </div>\r\n <div class=\"progress-counter\" [style.color]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n {{ config.currentStamps }}/{{ config.totalStamps }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"stamps-wrapper\">\r\n <div class=\"stamps\">\r\n <div *ngFor=\"let stampNum of stampsArray\" \r\n class=\"stamp\"\r\n [ngClass]=\"{'completed': stampNum <= safeStamps}\"\r\n [style.background]=\"stampNum <= safeStamps ? (config.stampCardbgcolorstamp || defaultColors.stampBg) : (config.stampCardaccentcolor || defaultColors.accent)\"\r\n [style.color]=\"config.stampCardfgcolorstamp || defaultColors.stampFg\"\r\n [style.animation-delay]=\"(stampNum * 0.05) + 's'\">\r\n \r\n <span *ngIf=\"stampNum <= safeStamps\">\u2714</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"footer\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\"\r\n [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ footerText }}\r\n </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.card{max-width:100%;width:320px;min-width:280px;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.title{font-size:14px;font-weight:700}.progress-container{position:relative}.progress-bar{height:4px;background:#ddd;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:999px;transition:width .8s ease}.progress-counter{position:absolute;right:0;top:-18px;font-size:11px;font-weight:700;background:transparent}.stamps-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin:10px 0}.stamps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:12px;justify-items:center}.stamp{width:clamp(36px,9vw,44px);height:clamp(36px,9vw,44px);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .3s ease}.footer{margin-top:auto;padding:12px;border-radius:10px;text-align:center;font-size:12px;font-weight:700;color:#fff;display:flex;width:100%!important;justify-content:center}.card.completed{animation:cardBounce .6s ease}.stamp.completed{animation:pop .4s ease both}.footer.completed{animation:pulse 1.2s infinite}.card.completed:before,.card.completed:after{content:\"\\1f389 \\2728 \\1f381\";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:16px;opacity:0;animation:confetti 1.6s ease forwards}.card.completed:after{animation-delay:.3s}@keyframes pop{0%{transform:scale(.5);opacity:.2}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cardBounce{0%{transform:scale(.95)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes confetti{0%{top:-30px;opacity:0}20%{opacity:1}to{top:100px;opacity:0}}\n"] }]
|
|
12327
|
+
args: [{ selector: 'w-stamp-booklet', standalone: false, template: "<div *ngIf=\"config?.enableStampCard\" \r\n class=\"card\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardbgcolor || defaultColors.bg\">\r\n\r\n <div class=\"title\" [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ config.stampCardTitle || 'Tu Tarjeta de Puntos' }}\r\n </div>\r\n\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" \r\n [style.width.%]=\"percent\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n </div>\r\n </div>\r\n <div class=\"progress-counter\" [style.color]=\"config.stampCardaccentcolor || defaultColors.accent\">\r\n {{ config.currentStamps }}/{{ config.totalStamps }}\r\n </div>\r\n </div>\r\n\r\n <div class=\"stamps-wrapper\">\r\n <div class=\"stamps\">\r\n <div *ngFor=\"let stampNum of stampsArray\" \r\n class=\"stamp\"\r\n [ngClass]=\"{'completed': stampNum <= safeStamps}\"\r\n [style.background]=\"stampNum <= safeStamps ? (config.stampCardbgcolorstamp || defaultColors.stampBg) : (config.stampCardaccentcolor || defaultColors.accent)\"\r\n [style.color]=\"config.stampCardfgcolorstamp || defaultColors.stampFg\"\r\n [style.animation-delay]=\"(stampNum * 0.05) + 's'\">\r\n \r\n <span *ngIf=\"stampNum <= safeStamps\">\u2714</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"footer\" \r\n [ngClass]=\"{'completed': isCompleted}\"\r\n [style.background]=\"config.stampCardaccentcolor || defaultColors.accent\"\r\n [style.color]=\"config.stampCardfgcolor || defaultColors.fg\">\r\n {{ footerText }}\r\n </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";*{box-sizing:border-box}.card{max-width:100%;width:320px;min-width:280px;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}@media(max-width:599px){.card{width:100%}.card .title{justify-content:center;display:flex}}.title{font-size:14px;font-weight:700}.progress-container{position:relative}.progress-bar{height:4px;background:#ddd;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:999px;transition:width .8s ease}.progress-counter{position:absolute;right:0;top:-18px;font-size:11px;font-weight:700;background:transparent}.stamps-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin:10px 0}.stamps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:12px;justify-items:center}.stamp{width:clamp(36px,9vw,44px);height:clamp(36px,9vw,44px);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .3s ease}.footer{margin-top:auto;padding:12px;border-radius:10px;text-align:center;font-size:12px;font-weight:700;color:#fff;display:flex;width:100%!important;justify-content:center}.card.completed{animation:cardBounce .6s ease}.stamp.completed{animation:pop .4s ease both}.footer.completed{animation:pulse 1.2s infinite}.card.completed:before,.card.completed:after{content:\"\\1f389 \\2728 \\1f381\";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:16px;opacity:0;animation:confetti 1.6s ease forwards}.card.completed:after{animation-delay:.3s}@keyframes pop{0%{transform:scale(.5);opacity:.2}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cardBounce{0%{transform:scale(.95)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes confetti{0%{top:-30px;opacity:0}20%{opacity:1}to{top:100px;opacity:0}}\n"] }]
|
|
12270
12328
|
}], propDecorators: { config: [{
|
|
12271
12329
|
type: Input
|
|
12272
12330
|
}] } });
|
|
@@ -12400,8 +12458,18 @@ class WMaterialServiceCardComponent {
|
|
|
12400
12458
|
return this.wappingService.imageUrl;
|
|
12401
12459
|
}
|
|
12402
12460
|
else {
|
|
12403
|
-
this.
|
|
12404
|
-
|
|
12461
|
+
if (this.defaultImage) {
|
|
12462
|
+
return this.defaultImage;
|
|
12463
|
+
}
|
|
12464
|
+
else {
|
|
12465
|
+
if (this.defaultImage) {
|
|
12466
|
+
return this.defaultImage;
|
|
12467
|
+
}
|
|
12468
|
+
else {
|
|
12469
|
+
this.isNoImage = true;
|
|
12470
|
+
return './assets/wappIcons/image.svg';
|
|
12471
|
+
}
|
|
12472
|
+
}
|
|
12405
12473
|
}
|
|
12406
12474
|
}
|
|
12407
12475
|
}
|
|
@@ -12409,11 +12477,11 @@ class WMaterialServiceCardComponent {
|
|
|
12409
12477
|
return obj.base64 !== undefined;
|
|
12410
12478
|
}
|
|
12411
12479
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WMaterialServiceCardComponent, deps: [{ token: i1$6.Router }, { token: i2$d.MatIconRegistry }, { token: i3$7.DomSanitizer }, { token: i1$8.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12412
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WMaterialServiceCardComponent, isStandalone: false, selector: "w-material-service-card", inputs: { isDevModeActive: "isDevModeActive", wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { cardClicked: "cardClicked", onDefaultImageEvent: "onDefaultImageEvent" }, providers: [DialogService], usesOnChanges: true, ngImport: i0, template: "@if(wappingServiceReady){\r\n<mat-card class=\"service-card\" (click)=\"isDevModeActive ? setImage() : cardOnClick(wappingService)\" [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\">\r\n <div class=\"service-card-header\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <!-- @if(wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n tile1\r\n <div [ngClass]=\"{'tile-no-html': !hasHtml(wappingService.tile1)}\" class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n } -->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-image-title\">\r\n <div class=\"tile-no-html\" \r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title service-card-image-title-html\">\r\n <div class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <div class=\"service-card-image\">\r\n <img mat-card-image \r\n [ngClass]=\"{'default-image' : isNoImage}\" \r\n [src]=\"getImage()\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\" class=\"card-header\">\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"service-card-tile2\" [innerHTML]=\"wappingService.tile2\"></div>\r\n </div>\r\n <div fxflex=\"\" style=\"flex: 1 1 0%; box-sizing: border-box;\"></div>\r\n <!--status-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n }\r\n @if(!wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n <!--tile3-->\r\n @if(wappingService.tile3){\r\n <div class=\"card-header-description\">\r\n <div [innerHtml]=\"wappingService.tile3\"></div>\r\n </div>\r\n }\r\n </mat-card-header>\r\n</mat-card>\r\n}\r\n", styles: [":
|
|
12480
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WMaterialServiceCardComponent, isStandalone: false, selector: "w-material-service-card", inputs: { isDevModeActive: "isDevModeActive", wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { cardClicked: "cardClicked", onDefaultImageEvent: "onDefaultImageEvent" }, providers: [DialogService], usesOnChanges: true, ngImport: i0, template: "@if(wappingServiceReady){\r\n<mat-card class=\"service-card\" (click)=\"isDevModeActive ? setImage() : cardOnClick(wappingService)\" \r\n [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\" [tooltipDisabled]=\"!isDevModeActive\">\r\n <div class=\"service-card-header\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <!-- @if(wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n tile1\r\n <div [ngClass]=\"{'tile-no-html': !hasHtml(wappingService.tile1)}\" class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n } -->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-image-title\">\r\n <div class=\"tile-no-html\" \r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title service-card-image-title-html\">\r\n <div class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <div class=\"service-card-image\">\r\n <img mat-card-image \r\n [ngClass]=\"{'default-image' : isNoImage}\" \r\n [src]=\"getImage()\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\" class=\"card-header\">\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"service-card-tile2\" [innerHTML]=\"wappingService.tile2\"></div>\r\n </div>\r\n <div fxflex=\"\" style=\"flex: 1 1 0%; box-sizing: border-box;\"></div>\r\n <!--status-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n }\r\n @if(!wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n <!--tile3-->\r\n @if(wappingService.tile3){\r\n <div class=\"card-header-description\">\r\n <div [innerHtml]=\"wappingService.tile3\"></div>\r\n </div>\r\n }\r\n </mat-card-header>\r\n</mat-card>\r\n}\r\n", styles: ["@media(max-width:599px){.service-card{width:100%}}@media(min-width:600px){.service-card{width:350px}}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-header{position:relative}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-card-image-title-html{position:absolute!important;width:100%!important;min-height:22px!important;top:0!important;z-index:99!important}.service-card-tile1{width:100%;min-height:22px}.service-card-tile2{word-break:break-word}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px!important;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px!important;text-align:left;line-height:1.78;overflow-y:auto}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.tile-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.default-image{padding:68px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7$4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i7$4.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7$4.MatCardImage, selector: "[mat-card-image], [matCardImage]" }, { kind: "component", type: i2$d.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] }); }
|
|
12413
12481
|
}
|
|
12414
12482
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WMaterialServiceCardComponent, decorators: [{
|
|
12415
12483
|
type: Component,
|
|
12416
|
-
args: [{ selector: 'w-material-service-card', standalone: false, providers: [DialogService], template: "@if(wappingServiceReady){\r\n<mat-card class=\"service-card\" (click)=\"isDevModeActive ? setImage() : cardOnClick(wappingService)\" [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\">\r\n <div class=\"service-card-header\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <!-- @if(wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n tile1\r\n <div [ngClass]=\"{'tile-no-html': !hasHtml(wappingService.tile1)}\" class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n } -->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-image-title\">\r\n <div class=\"tile-no-html\" \r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title service-card-image-title-html\">\r\n <div class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <div class=\"service-card-image\">\r\n <img mat-card-image \r\n [ngClass]=\"{'default-image' : isNoImage}\" \r\n [src]=\"getImage()\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\" class=\"card-header\">\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"service-card-tile2\" [innerHTML]=\"wappingService.tile2\"></div>\r\n </div>\r\n <div fxflex=\"\" style=\"flex: 1 1 0%; box-sizing: border-box;\"></div>\r\n <!--status-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n }\r\n @if(!wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n <!--tile3-->\r\n @if(wappingService.tile3){\r\n <div class=\"card-header-description\">\r\n <div [innerHtml]=\"wappingService.tile3\"></div>\r\n </div>\r\n }\r\n </mat-card-header>\r\n</mat-card>\r\n}\r\n", styles: [":
|
|
12484
|
+
args: [{ selector: 'w-material-service-card', standalone: false, providers: [DialogService], template: "@if(wappingServiceReady){\r\n<mat-card class=\"service-card\" (click)=\"isDevModeActive ? setImage() : cardOnClick(wappingService)\" \r\n [pTooltip]=\"onHoverImageTooltip\" tooltipPosition=\"top\" [tooltipDisabled]=\"!isDevModeActive\">\r\n <div class=\"service-card-header\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n <!-- @if(wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n tile1\r\n <div [ngClass]=\"{'tile-no-html': !hasHtml(wappingService.tile1)}\" class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n } -->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-image-title\">\r\n <div class=\"tile-no-html\" \r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''){\r\n <div class=\"service-card-image-title service-card-image-title-html\">\r\n <div class=\"service-card-tile1\"\r\n [innerHtml]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <div class=\"service-card-image\">\r\n <img mat-card-image \r\n [ngClass]=\"{'default-image' : isNoImage}\" \r\n [src]=\"getImage()\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\" class=\"card-header\">\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div class=\"service-card-tile2\" [innerHTML]=\"wappingService.tile2\"></div>\r\n </div>\r\n <div fxflex=\"\" style=\"flex: 1 1 0%; box-sizing: border-box;\"></div>\r\n <!--status-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n }\r\n @if(!wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n <!--tile3-->\r\n @if(wappingService.tile3){\r\n <div class=\"card-header-description\">\r\n <div [innerHtml]=\"wappingService.tile3\"></div>\r\n </div>\r\n }\r\n </mat-card-header>\r\n</mat-card>\r\n}\r\n", styles: ["@media(max-width:599px){.service-card{width:100%}}@media(min-width:600px){.service-card{width:350px}}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-header{position:relative}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-card-image-title-html{position:absolute!important;width:100%!important;min-height:22px!important;top:0!important;z-index:99!important}.service-card-tile1{width:100%;min-height:22px}.service-card-tile2{word-break:break-word}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px!important;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px!important;text-align:left;line-height:1.78;overflow-y:auto}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.tile-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.default-image{padding:68px}\n"] }]
|
|
12417
12485
|
}], ctorParameters: () => [{ type: i1$6.Router }, { type: i2$d.MatIconRegistry }, { type: i3$7.DomSanitizer }, { type: i1$8.DialogService }], propDecorators: { isDevModeActive: [{
|
|
12418
12486
|
type: Input
|
|
12419
12487
|
}], wappingServicesTranslations: [{
|
|
@@ -12518,11 +12586,11 @@ class WappMaterialServiceCardComponent {
|
|
|
12518
12586
|
this.cardClicked.emit(service);
|
|
12519
12587
|
}
|
|
12520
12588
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WappMaterialServiceCardComponent, deps: [{ token: i1$6.Router }, { token: i2$d.MatIconRegistry }, { token: i3$7.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12521
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WappMaterialServiceCardComponent, isStandalone: false, selector: "wapp-material-service-card", inputs: { wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "@if
|
|
12589
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WappMaterialServiceCardComponent, isStandalone: false, selector: "wapp-material-service-card", inputs: { wappingServicesTranslations: "wappingServicesTranslations", wappingService: "wappingService" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "@if(wappingServiceReady){\r\n<mat-card class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n @if(wappingService.tile1){\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n @if(wappingService.showTile1Label){<div>{{wappingService.tile1Label}}</div>}\r\n </div>\r\n }\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n @if(wappingService.showTile2Label){<div>{{wappingService.tile2Label}}</div>}\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(!wappingService.allowSelect && wappingService.type != 6){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n }\r\n @if(wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n }\r\n @if(!wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n @if(!allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend){\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n }\r\n @if(wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration){\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n @if(wappingService.enumTypeStatusECardID != ecardStatus.generated){\r\n <div class=\"card-header-detail\">\r\n {{wappingService.tile4}}\r\n </div>\r\n }\r\n @if(wappingService.enumTypeStatusECardID == ecardStatus.generated){\r\n <div class=\"card-header-detail\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n }\r\n </mat-card-header>\r\n</mat-card>\r\n}", styles: ["@media(max-width:599px){.service-card{width:100%}}@media(min-width:600px){.service-card{width:350px}}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:clip;text-overflow:ellipsis;white-space:pre-line}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}\n"], dependencies: [{ kind: "component", type: i7$4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i7$4.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7$4.MatCardImage, selector: "[mat-card-image], [matCardImage]" }, { kind: "component", type: i2$d.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
12522
12590
|
}
|
|
12523
12591
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WappMaterialServiceCardComponent, decorators: [{
|
|
12524
12592
|
type: Component,
|
|
12525
|
-
args: [{ selector: 'wapp-material-service-card', standalone: false, template: "@if
|
|
12593
|
+
args: [{ selector: 'wapp-material-service-card', standalone: false, template: "@if(wappingServiceReady){\r\n<mat-card class=\"service-card\" (click)=\"cardOnClick(wappingService)\">\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n @if(wappingService.tile1){\r\n <div class=\"service-card-image-title\"\r\n [style.background-color]=\"wappingService.tile1BackgroundColor\"\r\n [style.color]=\"wappingService.tile1ForegroundColor\"\r\n fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <!--tile1-->\r\n <div>{{wappingService.tile1}}</div>\r\n @if(wappingService.showTile1Label){<div>{{wappingService.tile1Label}}</div>}\r\n </div>\r\n }\r\n <div class=\"service-card-image\">\r\n <img mat-card-image [src]=\"wappingService.imageUrl\">\r\n </div>\r\n </div>\r\n <mat-card-header fxLayout=\"column\">\r\n <div fxLayout=\"row\">\r\n <!--tile2-->\r\n <div class=\"card-header-benefits\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n <div>{{wappingService.tile2}}</div>\r\n @if(wappingService.showTile2Label){<div>{{wappingService.tile2Label}}</div>}\r\n </div>\r\n <div fxFlex></div>\r\n <!--status-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(!wappingService.allowSelect && wappingService.type != 6){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <div class=\"status\">{{ wappingTranslations.activedService }}</div>\r\n </div>\r\n }\r\n @if(wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"activated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.activedService }}</span>\r\n </div>\r\n }\r\n @if(!wappingService.active){\r\n <div class=\"card-header-status\">\r\n <mat-icon class=\"card-header-status-icon\" svgIcon=\"deactivated\"></mat-icon>\r\n <span class=\"status\">{{ wappingTranslations.disabledService }}</span>\r\n </div>\r\n }\r\n </div>\r\n }\r\n @if(!allowSelectSendGiftCard){\r\n <div class=\"card-header-status-container\" fxLayout=\"row\" fxLayoutGap=\"5px\">\r\n @if(wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.ScheduledToSend){\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.scheduledLabel }}\r\n </div>\r\n }\r\n @if(wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.Sent || wappingService.dataReqToSendCard!.enumSendingStatusId == enumSendingStatus.PendingRegistration){\r\n <div class=\"sendLabel\" >\r\n {{ wappingTranslations.sendLabel }}\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n <!--tile3-->\r\n <div class=\"card-header-description\">\r\n {{wappingService.tile3}}\r\n </div>\r\n <!--tile4-->\r\n @if(wappingService.enumTypeStatusECardID != ecardStatus.generated){\r\n <div class=\"card-header-detail\">\r\n {{wappingService.tile4}}\r\n </div>\r\n }\r\n @if(wappingService.enumTypeStatusECardID == ecardStatus.generated){\r\n <div class=\"card-header-detail\">\r\n {{ wappingTranslations.cardGenerated }}\r\n </div>\r\n }\r\n </mat-card-header>\r\n</mat-card>\r\n}", styles: ["@media(max-width:599px){.service-card{width:100%}}@media(min-width:600px){.service-card{width:350px}}.mat-mdc-card{padding:0}.service-card{cursor:pointer;transition:none!important;box-shadow:1px 2px 8px #1f1f1f14}.service-card-image-title{position:absolute;width:75%;margin-left:40px;margin-right:40px;height:22px;top:0;z-index:99;border-radius:0 0 4.3118px 4.3118px;justify-content:center;align-items:center;display:flex}.service-card-image{font-size:0px;border-top-left-radius:5px;border-top-right-radius:5px;width:100%}.mat-mdc-card-image{width:100%;margin:0;max-height:500px}.mat-mdc-card-image:first-child{margin:0}.mat-mdc-card-content{padding:5px}.mat-mdc-card-header{height:130px;padding:16px 15px;background-color:#eee6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mat-mdc-card-header .mat-mdc-card-title{margin:0!important}.card-header-benefits{align-items:center;text-transform:uppercase}.card-header-status{display:flex;align-items:center}.card-header-status-icon{margin-right:5px;width:10px}.status{text-transform:uppercase}.card-header-description{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:clip;text-overflow:ellipsis;white-space:pre-line}.card-header-detail{margin-top:10px;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}\n"] }]
|
|
12526
12594
|
}], ctorParameters: () => [{ type: i1$6.Router }, { type: i2$d.MatIconRegistry }, { type: i3$7.DomSanitizer }], propDecorators: { wappingServicesTranslations: [{
|
|
12527
12595
|
type: Input
|
|
12528
12596
|
}], wappingService: [{
|
|
@@ -12533,6 +12601,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
12533
12601
|
}] } });
|
|
12534
12602
|
|
|
12535
12603
|
class WMaterialServiceViewComponent {
|
|
12604
|
+
set lotteryEvent(value) {
|
|
12605
|
+
this._lotteryEvent = value;
|
|
12606
|
+
if (value)
|
|
12607
|
+
this.evaluateDraw();
|
|
12608
|
+
}
|
|
12609
|
+
get lotteryEvent() {
|
|
12610
|
+
return this._lotteryEvent;
|
|
12611
|
+
}
|
|
12536
12612
|
set wappingService(value) {
|
|
12537
12613
|
this._wappingService = value;
|
|
12538
12614
|
if (value)
|
|
@@ -12551,6 +12627,7 @@ class WMaterialServiceViewComponent {
|
|
|
12551
12627
|
this.enumSendingStatus = SendingStatus;
|
|
12552
12628
|
this.ecardStatus = CardStatus;
|
|
12553
12629
|
this.isDrawService = false;
|
|
12630
|
+
this.isMemberGetMember = false;
|
|
12554
12631
|
this.isStampBookletService = false;
|
|
12555
12632
|
this.forceMobile = false;
|
|
12556
12633
|
this.wappingServicesTranslations = {
|
|
@@ -12561,11 +12638,15 @@ class WMaterialServiceViewComponent {
|
|
|
12561
12638
|
cardGenerated: 'Tu tarjeta estará disponible para el envío en breves instantes',
|
|
12562
12639
|
receivedLabel: "Enviada por {{name}}",
|
|
12563
12640
|
showMore: "Mostrar más",
|
|
12564
|
-
|
|
12641
|
+
buttonService: "Participar",
|
|
12642
|
+
winnerDate: "El ganador se decidirá el",
|
|
12643
|
+
yourNumbers: "Tus números"
|
|
12565
12644
|
};
|
|
12566
|
-
this.
|
|
12645
|
+
this.disabledButtonService = false;
|
|
12646
|
+
this.showButtonService = false;
|
|
12647
|
+
this.showToggle = true;
|
|
12567
12648
|
this.wappingServiceSelected = new EventEmitter();
|
|
12568
|
-
this.
|
|
12649
|
+
this.triggerButtonService = new EventEmitter();
|
|
12569
12650
|
this.isDevModeActive = false;
|
|
12570
12651
|
this.croppedImageConfiguration = {
|
|
12571
12652
|
roundedCropper: false,
|
|
@@ -12578,13 +12659,21 @@ class WMaterialServiceViewComponent {
|
|
|
12578
12659
|
this.onDefaultImageEvent = new EventEmitter();
|
|
12579
12660
|
this.isNoImage = false;
|
|
12580
12661
|
this.onHoverImageTooltip = 'Upload image';
|
|
12581
|
-
this.
|
|
12662
|
+
this.firstParticipation = true;
|
|
12663
|
+
this.hasParticipations = false;
|
|
12664
|
+
this.disabledParticipationsModal = false;
|
|
12665
|
+
this.matIconRegistry.addSvgIconLiteral("calendar", this.domSanitizer.bypassSecurityTrustHtml(CALENDAR));
|
|
12666
|
+
this.matIconRegistry.addSvgIconLiteral("number", this.domSanitizer.bypassSecurityTrustHtml(ICON_NUMBER));
|
|
12667
|
+
this.matIconRegistry.addSvgIconLiteral("participate", this.domSanitizer.bypassSecurityTrustHtml(PARTICIPATE));
|
|
12668
|
+
this.matIconRegistry.addSvgIconLiteral("participate-again", this.domSanitizer.bypassSecurityTrustHtml(PARTICIPATE_AGAIN));
|
|
12582
12669
|
}
|
|
12583
12670
|
ngOnInit() {
|
|
12671
|
+
this.getImage();
|
|
12584
12672
|
}
|
|
12585
12673
|
ngOnChanges(changes) {
|
|
12586
12674
|
if (changes['defaultImage'] && changes['defaultImage'].currentValue) {
|
|
12587
12675
|
this.defaultImage = changes['defaultImage'].currentValue;
|
|
12676
|
+
this.getImage();
|
|
12588
12677
|
this.isNoImage = false;
|
|
12589
12678
|
if (this.isDevModeActive == true) {
|
|
12590
12679
|
if (this.defaultImage) {
|
|
@@ -12607,6 +12696,7 @@ class WMaterialServiceViewComponent {
|
|
|
12607
12696
|
getWappingService(wappService) {
|
|
12608
12697
|
this.isSendGiftCard = false;
|
|
12609
12698
|
this.isDrawService = false;
|
|
12699
|
+
this.isMemberGetMember = false;
|
|
12610
12700
|
this.isStampBookletService = false;
|
|
12611
12701
|
if (wappService.active)
|
|
12612
12702
|
this.serviceStatus = this.wappingServicesTranslations.activedService.toUpperCase();
|
|
@@ -12620,9 +12710,15 @@ class WMaterialServiceViewComponent {
|
|
|
12620
12710
|
}
|
|
12621
12711
|
if (wappService.enumTypeStatusECardID == this.ecardStatus.generated)
|
|
12622
12712
|
this.allowSelectSendGiftCard = false;
|
|
12623
|
-
if (
|
|
12713
|
+
if (this.wappingService.type == WappingServiceType.Draws) {
|
|
12624
12714
|
this.isDrawService = true;
|
|
12625
12715
|
}
|
|
12716
|
+
if (this.wappingService.type == WappingServiceType.MemberGetMember) {
|
|
12717
|
+
this.isMemberGetMember = true;
|
|
12718
|
+
}
|
|
12719
|
+
if (wappService.stampBookletConfig && wappService.stampBookletConfig.enableStampCard) {
|
|
12720
|
+
this.isStampBookletService = true;
|
|
12721
|
+
}
|
|
12626
12722
|
if (wappService.stampBookletConfig && wappService.stampBookletConfig.enableStampCard) {
|
|
12627
12723
|
this.isStampBookletService = true;
|
|
12628
12724
|
}
|
|
@@ -12631,6 +12727,16 @@ class WMaterialServiceViewComponent {
|
|
|
12631
12727
|
this.getWappingServiceImages();
|
|
12632
12728
|
}
|
|
12633
12729
|
}
|
|
12730
|
+
evaluateDraw() {
|
|
12731
|
+
if (this.lotteryEvent.isScheduledForDraw) {
|
|
12732
|
+
if (this.lotteryEvent.lotteryEventNextDraw.skyWappCardTransactionIds.length > 0) {
|
|
12733
|
+
this.firstParticipation = false;
|
|
12734
|
+
}
|
|
12735
|
+
else {
|
|
12736
|
+
this.firstParticipation = true;
|
|
12737
|
+
}
|
|
12738
|
+
}
|
|
12739
|
+
}
|
|
12634
12740
|
getWappingServiceTiles(service) {
|
|
12635
12741
|
if (service.wappingServiceTemplates != null) {
|
|
12636
12742
|
service.wappingServiceTemplates.forEach((wappingServiceTile) => {
|
|
@@ -12662,13 +12768,7 @@ class WMaterialServiceViewComponent {
|
|
|
12662
12768
|
}
|
|
12663
12769
|
}
|
|
12664
12770
|
getWappingServiceImages() {
|
|
12665
|
-
this.
|
|
12666
|
-
if (this.wappingServiceImages.length == 0) {
|
|
12667
|
-
let wappingServiceImage = {
|
|
12668
|
-
path: this.wappingService.imageUrl,
|
|
12669
|
-
};
|
|
12670
|
-
this.wappingServiceImages.unshift(wappingServiceImage);
|
|
12671
|
-
}
|
|
12771
|
+
this.getImage();
|
|
12672
12772
|
}
|
|
12673
12773
|
selectWappingService() {
|
|
12674
12774
|
this.disabledToggle = true;
|
|
@@ -12683,8 +12783,8 @@ class WMaterialServiceViewComponent {
|
|
|
12683
12783
|
hasHtml(value) {
|
|
12684
12784
|
return /<\/?[a-z][\s\S]*>/i.test(value);
|
|
12685
12785
|
}
|
|
12686
|
-
|
|
12687
|
-
this.
|
|
12786
|
+
pressButtonService() {
|
|
12787
|
+
this.triggerButtonService.emit();
|
|
12688
12788
|
}
|
|
12689
12789
|
setImage() {
|
|
12690
12790
|
this.ref = this.dialogService.open(WImageCropperComponent, {
|
|
@@ -12709,24 +12809,36 @@ class WMaterialServiceViewComponent {
|
|
|
12709
12809
|
if (this.isDevModeActive == true) {
|
|
12710
12810
|
if (this.defaultImage) {
|
|
12711
12811
|
if (this.isWFileImage(this.defaultImage)) {
|
|
12712
|
-
|
|
12812
|
+
this.wappingServiceImages = [{ path: this.defaultImage.fileBase64 }];
|
|
12713
12813
|
}
|
|
12714
12814
|
else {
|
|
12715
|
-
|
|
12815
|
+
this.wappingServiceImages = [{ path: this.defaultImage }];
|
|
12716
12816
|
}
|
|
12717
12817
|
}
|
|
12718
12818
|
else {
|
|
12719
12819
|
this.isNoImage = true;
|
|
12720
|
-
|
|
12820
|
+
this.wappingServiceImages = [{ path: './assets/wappIcons/image.svg' }];
|
|
12721
12821
|
}
|
|
12722
12822
|
}
|
|
12723
12823
|
else {
|
|
12724
|
-
if (this.
|
|
12725
|
-
|
|
12726
|
-
|
|
12727
|
-
|
|
12728
|
-
this.
|
|
12729
|
-
|
|
12824
|
+
if (this.wappingService) {
|
|
12825
|
+
if (this.wappingService.wappingServiceImages.length > 0) {
|
|
12826
|
+
this.wappingServiceImages = this.wappingService.wappingServiceImages;
|
|
12827
|
+
}
|
|
12828
|
+
else if (this.wappingService.wappingServiceImages.length == 0 && this.wappingService.imageUrl) {
|
|
12829
|
+
this.wappingServiceImages = [];
|
|
12830
|
+
let wappingServiceImage = {
|
|
12831
|
+
path: this.wappingService.imageUrl,
|
|
12832
|
+
};
|
|
12833
|
+
this.wappingServiceImages.unshift(wappingServiceImage);
|
|
12834
|
+
}
|
|
12835
|
+
else if (this.defaultImage) {
|
|
12836
|
+
this.wappingServiceImages = [{ path: this.defaultImage }];
|
|
12837
|
+
}
|
|
12838
|
+
else {
|
|
12839
|
+
this.isNoImage = true;
|
|
12840
|
+
this.wappingServiceImages = [{ path: './assets/wappIcons/image.svg' }];
|
|
12841
|
+
}
|
|
12730
12842
|
}
|
|
12731
12843
|
}
|
|
12732
12844
|
}
|
|
@@ -12734,27 +12846,36 @@ class WMaterialServiceViewComponent {
|
|
|
12734
12846
|
return obj.base64 !== undefined;
|
|
12735
12847
|
}
|
|
12736
12848
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WMaterialServiceViewComponent, deps: [{ token: i2$d.MatIconRegistry }, { token: i3$7.DomSanitizer }, { token: i1$8.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12737
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WMaterialServiceViewComponent, isStandalone: false, selector: "w-material-service-view", inputs: { forceMobile: "forceMobile", wappingServicesTranslations: "wappingServicesTranslations", canParticipateDraw: "canParticipateDraw", wappingService: "wappingService", isDevModeActive: "isDevModeActive", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { wappingServiceSelected: "wappingServiceSelected", participateDraw: "participateDraw", onDefaultImageEvent: "onDefaultImageEvent" }, usesOnChanges: true, ngImport: i0, template: "@if(wappingService && (!forceMobile)){\r\n <wapp-main-title [title]=\"wappingService.tile3\" fxHide.xs></wapp-main-title>\r\n}\r\n@if(wappingService){\r\n<div class=\"service-detail-center\" \r\n [ngClass]=\"{'force-mobile': forceMobile}\"\r\n [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n [fxLayout.xs]=\"'column'\"\r\n [fxLayout.sm]=\"'column'\">\r\n <!--service image-->\r\n <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"service-image-title\">\r\n <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"template-service-image-tile service-card-image-title\">\r\n <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel *ngIf=\"!isStampBookletService\"\r\n [isDevModeActive]=\"isDevModeActive\" \r\n [forceMobile]=\"forceMobile\" \r\n [images]=\"wappingServiceImages\" \r\n [isNoImage]=\"isNoImage\" \r\n (onSetImageEvent)=\"setImage()\" \r\n [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n\r\n <!--stamp booklet-->\r\n <w-stamp-booklet *ngIf=\"isStampBookletService\"\r\n [config]=\"wappingService.stampBookletConfig!\"></w-stamp-booklet>\r\n <!--tile 2-->\r\n @if(wappingService.tile2 && wappingService.tile2 != '' && !isStampBookletService){\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n 'service-tile' : !hasHtml(wappingService.tile2)}\">\r\n <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard && !isDrawService){\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n @if(isDrawService){\r\n <button mat-flat-button \r\n class=\"service-select-toggle\"\r\n color=\"accent\"\r\n [disabled]=\"!canParticipateDraw\"\r\n (click)=\"triggerParticipate()\">\r\n <span>{{ wappingServicesTranslations?.participate }}</span>\r\n </button>\r\n }\r\n \r\n </div>\r\n <!--service info-->\r\n <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tile 3-->\r\n @if(!forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n @if(forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\"\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n <!--tileDetail 1-->\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n </div>\r\n </div>\r\n <!--link-->\r\n @if(wappingService.titleLinkUrl && wappingService.linkUrl){\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}::ng-deep .mat-mdc-slide-toggle .mdc-switch{width:var(--mdc-switch-track-width, 36px)!important}::ng-deep .mat-mdc-slide-toggle-touch-target{position:absolute;top:50%;left:50%;height:var(--mat-slide-toggle-touch-target-size, 48px);width:100%;transform:translate(-50%,-50%);display:var(--mat-slide-toggle-touch-target-display, block)}::ng-deep .mdc-switch__track{border-radius:var(--mdc-switch-track-shape, 7px)!important;height:var(--mdc-switch-track-height, 14px)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}::ng-deep .mdc-switch__track:before{border-width:0px!important;transition:transform 75ms 0ms cubic-bezier(0,0,.2,1)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}::ng-deep .mdc-switch__track:after{transition:transform 75ms 0ms cubic-bezier(.4,0,.6,1)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track{width:calc(100% - var(--mdc-switch-handle-width, 20px))!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle{width:var(--mdc-switch-handle-width, 20px)!important;border-radius:var(--mdc-switch-handle-shape, 10px)!important;height:var(--mdc-switch-handle-height, 20px)!important;transition:none!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle:before{background:var(--mdc-switch-handle-surface-color, var(--mdc-theme-surface, #fff))!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__shadow{box-shadow:var(--mdc-switch-handle-elevation, 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12))!important}::ng-deep .mdc-elevation-overlay{inset:0!important;position:absolute!important;border-radius:inherit!important;pointer-events:none!important;opacity:var(--mdc-elevation-overlay-opacity, 0)!important;transition:opacity .28s cubic-bezier(.4,0,.2,1)!important;background-color:var(--mdc-elevation-overlay-color, #fff)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__ripple{height:var(--mdc-switch-state-layer-size, 48px)!important;width:var(--mdc-switch-state-layer-size, 48px)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:var(--mdc-switch-unselected-icon-color, var(--mdc-theme-on-primary, #fff))!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:var(--mdc-switch-unselected-icon-size, 18px)!important;height:var(--mdc-switch-unselected-icon-size, 18px)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons),::ng-deep .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons){margin:0!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:var(--mdc-switch-selected-icon-color, var(--mdc-theme-on-primary, #fff))!important}::ng-deep .mdc-switch--selected:enabled:focus .mdc-switch__handle:after,::ng-deep .mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle:after{background:#fff!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-view-tile2{width:100%}.service-view-tile2 *{box-sizing:border-box!important}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%;height:250px}.service-info-container-padding{padding-right:15px;padding-left:15px}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i2$d.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9$4.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }, { kind: "component", type: WStampBookletComponent, selector: "w-stamp-booklet", inputs: ["config"] }] }); }
|
|
12849
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WMaterialServiceViewComponent, isStandalone: false, selector: "w-material-service-view", inputs: { forceMobile: "forceMobile", wappingServicesTranslations: "wappingServicesTranslations", disabledButtonService: "disabledButtonService", showButtonService: "showButtonService", showToggle: "showToggle", lotteryEvent: "lotteryEvent", wappingService: "wappingService", isDevModeActive: "isDevModeActive", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { wappingServiceSelected: "wappingServiceSelected", triggerButtonService: "triggerButtonService", onDefaultImageEvent: "onDefaultImageEvent" }, providers: [DialogService], usesOnChanges: true, ngImport: i0, template: "@if(wappingService && (!forceMobile)){\r\n <wapp-main-title [title]=\"wappingService.tile3\" fxHide.xs></wapp-main-title>\r\n}\r\n@if(wappingService){\r\n<div class=\"service-detail-center\" \r\n [ngClass]=\"{'force-mobile': forceMobile}\"\r\n [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n [fxLayout.xs]=\"'column'\"\r\n [fxLayout.sm]=\"'column'\">\r\n <!--service image-->\r\n <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"service-image-title\">\r\n <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"template-service-image-tile service-card-image-title\">\r\n <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel *ngIf=\"!isStampBookletService\"\r\n [isDevModeActive]=\"isDevModeActive\" \r\n [forceMobile]=\"forceMobile\" \r\n [images]=\"wappingServiceImages\" \r\n [isNoImage]=\"isNoImage\" \r\n (onSetImageEvent)=\"setImage()\" \r\n [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n\r\n <!--stamp booklet-->\r\n <w-stamp-booklet *ngIf=\"isStampBookletService\"\r\n [config]=\"wappingService.stampBookletConfig!\"></w-stamp-booklet>\r\n <!--tile 2-->\r\n @if(wappingService.tile2 && wappingService.tile2 != '' && !isStampBookletService){\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n 'service-tile' : !hasHtml(wappingService.tile2)}\">\r\n <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle){\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n @if(showButtonService){\r\n <button mat-flat-button \r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n fxFlex=\"100\" fxHide fxShow.xs\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n @if(isMemberGetMember){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n }\r\n @if(isDrawService){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n }\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n } \r\n </div>\r\n <!--service info-->\r\n <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tile 3-->\r\n @if(!forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n @if(forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\"\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n <!--tileDetail 1-->\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n </div>\r\n @if(showButtonService){\r\n <div class=\"service-view-container-button\" fxHide.xs>\r\n <button mat-flat-button\r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n @if(isMemberGetMember){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n }\r\n @if(isDrawService){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n }\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n </div>\r\n }\r\n </div>\r\n <!--link-->\r\n @if(wappingService.titleLinkUrl && wappingService.linkUrl){\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}.mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-view-button{padding:10px 20px!important;align-items:center;justify-content:center}.service-view-button.mdc-button{border-radius:6px!important}.service-view-button .mdc-button__label{display:flex!important;align-items:center;justify-content:center;gap:8px}.service-view-button .service-view-icon{display:flex}@media(max-width:599px){.service-view-button{margin:8px 12px!important}}@media(min-width:600px){.service-view-button{padding:10px 34px!important;height:auto!important;line-height:normal!important;min-width:150px}}.service-view-container-button{display:flex;justify-content:flex-start;align-items:start;margin:12px 0}.service-info-container{width:100%}.service-info-container-padding{padding-right:15px;padding-left:15px}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}.participation-detail-container{margin:16px 0;width:100%}.participation-detail-desktop-bar{border-radius:8px;padding:12px 24px;box-shadow:0 2px 4px #0000000d;gap:8px;display:flex;justify-content:flex-start;align-items:center}.participation-detail-value{margin-right:auto}.participation-detail-date{margin-left:4px}.participation-detail-container-mobile{padding:4px 12px!important}.participation-detail-mobile-card{border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:4px}.participation-date-row{width:100%;text-align:center;padding-bottom:8px}.card-bottom-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.numbers-section{display:flex;flex-direction:column;flex:1}.numbers-list-vertical{display:flex;flex-direction:column;margin-top:4px;max-height:120px;overflow-y:auto}.number-item{padding:2px 0}.numbers-title{margin:0;text-transform:none}.card-icon-right{display:flex;justify-content:center;align-items:center;margin-left:10px}.card-icon-right mat-icon{width:50px!important;height:50px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i2$d.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$3.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9$4.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }, { kind: "component", type: WStampBookletComponent, selector: "w-stamp-booklet", inputs: ["config"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12738
12850
|
}
|
|
12739
12851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WMaterialServiceViewComponent, decorators: [{
|
|
12740
12852
|
type: Component,
|
|
12741
|
-
args: [{ selector: 'w-material-service-view', standalone: false, template: "@if(wappingService && (!forceMobile)){\r\n <wapp-main-title [title]=\"wappingService.tile3\" fxHide.xs></wapp-main-title>\r\n}\r\n@if(wappingService){\r\n<div class=\"service-detail-center\" \r\n [ngClass]=\"{'force-mobile': forceMobile}\"\r\n [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n [fxLayout.xs]=\"'column'\"\r\n [fxLayout.sm]=\"'column'\">\r\n <!--service image-->\r\n <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"service-image-title\">\r\n <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"template-service-image-tile service-card-image-title\">\r\n <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel *ngIf=\"!isStampBookletService\"\r\n [isDevModeActive]=\"isDevModeActive\" \r\n [forceMobile]=\"forceMobile\" \r\n [images]=\"wappingServiceImages\" \r\n [isNoImage]=\"isNoImage\" \r\n (onSetImageEvent)=\"setImage()\" \r\n [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n\r\n <!--stamp booklet-->\r\n <w-stamp-booklet *ngIf=\"isStampBookletService\"\r\n [config]=\"wappingService.stampBookletConfig!\"></w-stamp-booklet>\r\n <!--tile 2-->\r\n @if(wappingService.tile2 && wappingService.tile2 != '' && !isStampBookletService){\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n 'service-tile' : !hasHtml(wappingService.tile2)}\">\r\n <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard && !isDrawService){\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n @if(isDrawService){\r\n <button mat-flat-button \r\n class=\"service-select-toggle\"\r\n color=\"accent\"\r\n [disabled]=\"!canParticipateDraw\"\r\n (click)=\"triggerParticipate()\">\r\n <span>{{ wappingServicesTranslations?.participate }}</span>\r\n </button>\r\n }\r\n \r\n </div>\r\n <!--service info-->\r\n <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tile 3-->\r\n @if(!forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n @if(forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\"\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n <!--tileDetail 1-->\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n </div>\r\n </div>\r\n <!--link-->\r\n @if(wappingService.titleLinkUrl && wappingService.linkUrl){\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}\r\n", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}::ng-deep .mat-mdc-slide-toggle .mdc-switch{width:var(--mdc-switch-track-width, 36px)!important}::ng-deep .mat-mdc-slide-toggle-touch-target{position:absolute;top:50%;left:50%;height:var(--mat-slide-toggle-touch-target-size, 48px);width:100%;transform:translate(-50%,-50%);display:var(--mat-slide-toggle-touch-target-display, block)}::ng-deep .mdc-switch__track{border-radius:var(--mdc-switch-track-shape, 7px)!important;height:var(--mdc-switch-track-height, 14px)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}::ng-deep .mdc-switch__track:before{border-width:0px!important;transition:transform 75ms 0ms cubic-bezier(0,0,.2,1)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}::ng-deep .mdc-switch__track:after{transition:transform 75ms 0ms cubic-bezier(.4,0,.6,1)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track{width:calc(100% - var(--mdc-switch-handle-width, 20px))!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle{width:var(--mdc-switch-handle-width, 20px)!important;border-radius:var(--mdc-switch-handle-shape, 10px)!important;height:var(--mdc-switch-handle-height, 20px)!important;transition:none!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle:before{background:var(--mdc-switch-handle-surface-color, var(--mdc-theme-surface, #fff))!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__shadow{box-shadow:var(--mdc-switch-handle-elevation, 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12))!important}::ng-deep .mdc-elevation-overlay{inset:0!important;position:absolute!important;border-radius:inherit!important;pointer-events:none!important;opacity:var(--mdc-elevation-overlay-opacity, 0)!important;transition:opacity .28s cubic-bezier(.4,0,.2,1)!important;background-color:var(--mdc-elevation-overlay-color, #fff)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch .mdc-switch__ripple{height:var(--mdc-switch-state-layer-size, 48px)!important;width:var(--mdc-switch-state-layer-size, 48px)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon{fill:var(--mdc-switch-unselected-icon-color, var(--mdc-theme-on-primary, #fff))!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected .mdc-switch__icon{width:var(--mdc-switch-unselected-icon-size, 18px)!important;height:var(--mdc-switch-unselected-icon-size, 18px)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle:has(.mdc-switch__icons),::ng-deep .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle:has(.mdc-switch__icons){margin:0!important}::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon{fill:var(--mdc-switch-selected-icon-color, var(--mdc-theme-on-primary, #fff))!important}::ng-deep .mdc-switch--selected:enabled:focus .mdc-switch__handle:after,::ng-deep .mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle:after{background:#fff!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-view-tile2{width:100%}.service-view-tile2 *{box-sizing:border-box!important}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%;height:250px}.service-info-container-padding{padding-right:15px;padding-left:15px}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"] }]
|
|
12853
|
+
args: [{ selector: 'w-material-service-view', standalone: false, encapsulation: ViewEncapsulation.None, providers: [DialogService], template: "@if(wappingService && (!forceMobile)){\r\n <wapp-main-title [title]=\"wappingService.tile3\" fxHide.xs></wapp-main-title>\r\n}\r\n@if(wappingService){\r\n<div class=\"service-detail-center\" \r\n [ngClass]=\"{'force-mobile': forceMobile}\"\r\n [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n [fxLayout.xs]=\"'column'\"\r\n [fxLayout.sm]=\"'column'\">\r\n <!--service image-->\r\n <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n <!--tile 1-->\r\n @if(!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"service-image-title\">\r\n <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n\r\n @if(hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != '' && !isStampBookletService){\r\n <div class=\"template-service-image-tile service-card-image-title\">\r\n <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n </div>\r\n }\r\n <!--slideshow-->\r\n <wapp-carousel *ngIf=\"!isStampBookletService\"\r\n [isDevModeActive]=\"isDevModeActive\" \r\n [forceMobile]=\"forceMobile\" \r\n [images]=\"wappingServiceImages\" \r\n [isNoImage]=\"isNoImage\" \r\n (onSetImageEvent)=\"setImage()\" \r\n [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n\r\n <!--stamp booklet-->\r\n <w-stamp-booklet *ngIf=\"isStampBookletService\"\r\n [config]=\"wappingService.stampBookletConfig!\"></w-stamp-booklet>\r\n <!--tile 2-->\r\n @if(wappingService.tile2 && wappingService.tile2 != '' && !isStampBookletService){\r\n <div fxFlex fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\"\r\n fxLayoutGap=\"5px\"\r\n [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n 'service-tile' : !hasHtml(wappingService.tile2)}\">\r\n <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n </div>\r\n }\r\n <!--activate toggle-->\r\n @if(wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle){\r\n <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n [disabled]=\"disabledToggle\"\r\n [(ngModel)]=\"wappingService.active\"\r\n (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n }\r\n @if(showButtonService){\r\n <button mat-flat-button \r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n fxFlex=\"100\" fxHide fxShow.xs\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n @if(isMemberGetMember){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n }\r\n @if(isDrawService){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n }\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n } \r\n </div>\r\n <!--service info-->\r\n <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n <!--tile 3-->\r\n @if(!forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n @if(forceMobile){\r\n <div \r\n [innerHtml]=\"wappingService.tile3\"\r\n class=\"service-name mat-title\">\r\n </div>\r\n }\r\n <!--tileDetail 1-->\r\n <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n </div>\r\n @if(showButtonService){\r\n <div class=\"service-view-container-button\" fxHide.xs>\r\n <button mat-flat-button\r\n class=\"service-view-button\"\r\n color=\"accent\"\r\n [disabled]=\"disabledButtonService\"\r\n (click)=\"pressButtonService()\">\r\n @if(isMemberGetMember){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"member-get-member-share-button-icon\">share</mat-icon>\r\n </div>\r\n }\r\n @if(isDrawService){\r\n <div class=\"service-view-icon\">\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"firstParticipation\" svgIcon=\"participate\"></mat-icon>\r\n <mat-icon class=\"service-view-participation-icon\" *ngIf=\"!firstParticipation\" svgIcon=\"participate-again\"></mat-icon>\r\n </div>\r\n }\r\n <span class=\"service-view-button-label\">{{ wappingServicesTranslations?.buttonService }}</span>\r\n </button>\r\n </div>\r\n }\r\n </div>\r\n <!--link-->\r\n @if(wappingService.titleLinkUrl && wappingService.linkUrl){\r\n <div class=\"service-link-container\">\r\n <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n}", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}.mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media(max-width:959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media(min-width:600px)and (max-width:959px){.service-view{margin-right:0;width:100%}}@media(max-width:599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-view-button{padding:10px 20px!important;align-items:center;justify-content:center}.service-view-button.mdc-button{border-radius:6px!important}.service-view-button .mdc-button__label{display:flex!important;align-items:center;justify-content:center;gap:8px}.service-view-button .service-view-icon{display:flex}@media(max-width:599px){.service-view-button{margin:8px 12px!important}}@media(min-width:600px){.service-view-button{padding:10px 34px!important;height:auto!important;line-height:normal!important;min-width:150px}}.service-view-container-button{display:flex;justify-content:flex-start;align-items:start;margin:12px 0}.service-info-container{width:100%}.service-info-container-padding{padding-right:15px;padding-left:15px}@media(max-width:599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-name{margin-top:30px;margin-right:0}}@media(max-width:599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;-moz-box-orient:vertical}@media(min-width:600px)and (max-width:959px){.service-description{margin-top:20px;margin-right:0}}@media(max-width:599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media(max-width:599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media(max-width:599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media(max-width:599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media(max-width:599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media(min-width:600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media(max-width:599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}.participation-detail-container{margin:16px 0;width:100%}.participation-detail-desktop-bar{border-radius:8px;padding:12px 24px;box-shadow:0 2px 4px #0000000d;gap:8px;display:flex;justify-content:flex-start;align-items:center}.participation-detail-value{margin-right:auto}.participation-detail-date{margin-left:4px}.participation-detail-container-mobile{padding:4px 12px!important}.participation-detail-mobile-card{border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:4px}.participation-date-row{width:100%;text-align:center;padding-bottom:8px}.card-bottom-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.numbers-section{display:flex;flex-direction:column;flex:1}.numbers-list-vertical{display:flex;flex-direction:column;margin-top:4px;max-height:120px;overflow-y:auto}.number-item{padding:2px 0}.numbers-title{margin:0;text-transform:none}.card-icon-right{display:flex;justify-content:center;align-items:center;margin-left:10px}.card-icon-right mat-icon{width:50px!important;height:50px!important}\n"] }]
|
|
12742
12854
|
}], ctorParameters: () => [{ type: i2$d.MatIconRegistry }, { type: i3$7.DomSanitizer }, { type: i1$8.DialogService }], propDecorators: { forceMobile: [{
|
|
12743
12855
|
type: Input
|
|
12744
12856
|
}], wappingServicesTranslations: [{
|
|
12745
12857
|
type: Input,
|
|
12746
12858
|
args: ['wappingServicesTranslations']
|
|
12747
|
-
}],
|
|
12859
|
+
}], disabledButtonService: [{
|
|
12860
|
+
type: Input,
|
|
12861
|
+
args: ['disabledButtonService']
|
|
12862
|
+
}], showButtonService: [{
|
|
12863
|
+
type: Input,
|
|
12864
|
+
args: ['showButtonService']
|
|
12865
|
+
}], showToggle: [{
|
|
12866
|
+
type: Input,
|
|
12867
|
+
args: ['showToggle']
|
|
12868
|
+
}], lotteryEvent: [{
|
|
12748
12869
|
type: Input,
|
|
12749
|
-
args: ['
|
|
12870
|
+
args: ['lotteryEvent']
|
|
12750
12871
|
}], wappingService: [{
|
|
12751
12872
|
type: Input
|
|
12752
12873
|
}], wappingServiceSelected: [{
|
|
12753
12874
|
type: Output,
|
|
12754
12875
|
args: ['wappingServiceSelected']
|
|
12755
|
-
}],
|
|
12876
|
+
}], triggerButtonService: [{
|
|
12756
12877
|
type: Output,
|
|
12757
|
-
args: ['
|
|
12878
|
+
args: ['triggerButtonService']
|
|
12758
12879
|
}], isDevModeActive: [{
|
|
12759
12880
|
type: Input
|
|
12760
12881
|
}], defaultImage: [{
|