@qbs-origin/origin-form 0.5.0

package/lib/shared-components/grid.component.d.ts

@@ -0,0 +1,138 @@
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort, SortDirection } from '@angular/material/sort';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class GridComponent implements AfterContentInit, AfterViewInit, OnChanges {
+    dialog: MatDialog;
+    private router;
+    private cdr;
+    commonKeys: {
+        form: {
+            email: string;
+            cancel: string;
+        };
+        actions: {
+            read: string;
+            create: string;
+            write: string;
+            view: string;
+            filter: string;
+            includeInactive: string;
+            save: string;
+            confirm: string;
+            cancel: string;
+            back: string;
+            next: string;
+            submit: string;
+            close: string;
+            add: string;
+            addValue: string;
+            edit: string;
+            delete: string;
+            check: string;
+            import: string;
+            export: string;
+            collapseAll: string;
+            logout: string;
+            upload: string;
+        };
+        pagination: {
+            noItems: string;
+            perPage: string;
+            of: string;
+        };
+        confirmation: {
+            title: string;
+            delete: string;
+        };
+        api: {
+            addMethod: string;
+            addField: string;
+        };
+        components: {
+            button: string;
+        };
+        others: {
+            translation: string;
+            type: string;
+            active: string;
+            newItem: string;
+            name: string;
+            code: string;
+            notifications: string;
+            seeAllNotifications: string;
+            viewProfile: string;
+            description: string;
+        };
+    };
+    data: any;
+    count: any;
+    columns: {
+        id: string;
+        title?: string;
+        label?: string;
+        route?: string;
+        icon?: string;
+        sortable?: boolean;
+        newTab?: boolean;
+        templateKey?: string;
+    }[];
+    config: {
+        PK?: string;
+        header?: boolean;
+        filter?: boolean;
+        sort?: string;
+        sortDirection?: SortDirection;
+        pages?: boolean;
+        stateFilter?: boolean;
+    };
+    reload: EventEmitter<{
+        page: number;
+        pageSize: number;
+        sort: string;
+        sortDirection: string;
+        filter: string;
+        state: boolean | null;
+    }>;
+    delete: EventEmitter<{
+        item: any;
+    }>;
+    duplicate: EventEmitter<{
+        item: any;
+    }>;
+    open: EventEmitter<{
+        id: any;
+    }>;
+    async: boolean;
+    paginator: MatPaginator;
+    sort: MatSort;
+    templates: QueryList<TemplateRef<any>>;
+    dataSource: any;
+    dataColumns: string[];
+    filterField: FormControl<string | null>;
+    stateToggle: FormControl<string | null>;
+    constructor(dialog: MatDialog, router: Router, cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    refreshUI(): void;
+    initPaginator(): void;
+    refresh(): void;
+    filter(): void;
+    toggleState(): void;
+    clickDelete(item: any): void;
+    clickDuplicate(item: any): void;
+    buttonClick(column: any, element: any): void;
+    openInNewTab(route: string): void;
+    clickOpen(id: any): void;
+    private isNumber;
+    isDate(val: any): boolean;
+    typeOf(val: any): string;
+    getObjectValues(key: string, row: any): any;
+    getTemplateRef(templateKey: string | undefined): TemplateRef<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "shared-grid", never, { "data": { "alias": "data"; "required": false; }; "count": { "alias": "count"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "reload": "reload"; "delete": "delete"; "duplicate": "duplicate"; "open": "open"; }, ["templates"], never, false, never>;
+}

package/lib/shared-components/treeview/treeview.component.d.ts

@@ -0,0 +1,121 @@
+import { SelectionModel } from '@angular/cdk/collections';
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
+import { EventEmitter } from '@angular/core';
+import { ItemFlatNode, ItemNode } from '../../models/treeview.model';
+import { ChecklistDatabase } from '../../others/check-list.database';
+import { TranslatePipe } from '../../others/translation.pipe';
+import * as i0 from "@angular/core";
+export declare class AppTreeviewComponent {
+    private database;
+    private translate;
+    allowAddItems: boolean;
+    autoSelectDescendants: boolean;
+    allowCheckItems: boolean;
+    allowFilter: boolean;
+    selectionChanged: EventEmitter<any>;
+    private isInit;
+    private selectedNode;
+    /** Map from flat node to nested node. This helps us finding the nested node to be modified */
+    flatNodeMap: Map<ItemFlatNode, ItemNode>;
+    /** Map from nested node to flattened node. This helps us to keep the same object for selection */
+    nestedNodeMap: Map<ItemNode, ItemFlatNode>;
+    selectedParent: ItemFlatNode | null;
+    newItemName: string;
+    treeControl: FlatTreeControl<ItemFlatNode>;
+    treeFlattener: MatTreeFlattener<ItemNode, ItemFlatNode>;
+    dataSource: MatTreeFlatDataSource<ItemNode, ItemFlatNode>;
+    checklistSelection: SelectionModel<ItemFlatNode>;
+    commonKeys: {
+        form: {
+            email: string;
+            cancel: string;
+        };
+        actions: {
+            read: string;
+            create: string;
+            write: string;
+            view: string;
+            filter: string;
+            includeInactive: string;
+            save: string;
+            confirm: string;
+            cancel: string;
+            back: string;
+            next: string;
+            submit: string;
+            close: string;
+            add: string;
+            addValue: string;
+            edit: string;
+            delete: string;
+            check: string;
+            import: string;
+            export: string;
+            collapseAll: string;
+            logout: string;
+            upload: string;
+        };
+        pagination: {
+            noItems: string;
+            perPage: string;
+            of: string;
+        };
+        confirmation: {
+            title: string;
+            delete: string;
+        };
+        api: {
+            addMethod: string;
+            addField: string;
+        };
+        components: {
+            button: string;
+        };
+        others: {
+            translation: string;
+            type: string;
+            active: string;
+            newItem: string;
+            name: string;
+            code: string;
+            notifications: string;
+            seeAllNotifications: string;
+            viewProfile: string;
+            description: string;
+        };
+    };
+    constructor(database: ChecklistDatabase, translate: TranslatePipe);
+    getLevel: (node: ItemFlatNode) => number;
+    isExpandable: (node: ItemFlatNode) => boolean;
+    getChildren: (node: ItemNode) => ItemNode[];
+    hasChild: (_: number, _nodeData: ItemFlatNode) => boolean;
+    hasNoContent: (_: number, _nodeData: ItemFlatNode) => boolean;
+    /**
+     * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
+     */
+    transformer: (node: ItemNode, level: number) => ItemFlatNode;
+    /** Whether all the descendants of the node are selected. */
+    descendantsAllSelected(node: ItemFlatNode): boolean;
+    /** Whether part of the descendants are selected */
+    descendantsPartiallySelected(node: ItemFlatNode): boolean;
+    /** Toggle the to-do item selection. Select/deselect all the descendants node */
+    selectionToggle(node: ItemFlatNode): void;
+    leafItemSelectionToggle(node: ItemFlatNode): void;
+    checkAllParentsSelection(node: ItemFlatNode): void;
+    /** Check root node checked state and change it accordingly */
+    checkRootNodeSelection(node: ItemFlatNode): void;
+    getParentNode(node: ItemFlatNode): ItemFlatNode | null;
+    initialize(data: ItemNode[]): void;
+    getSelectedNodes(): ItemFlatNode[];
+    /** Select the category so we can insert the new item. */
+    addNewItem(node: ItemFlatNode): void;
+    /** Save the node to database */
+    saveNode(node: ItemFlatNode, itemValue: string): void;
+    filterText(text: string): void;
+    expandAll(): void;
+    expandNode(nodeIndex: number): void;
+    applyFilter(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppTreeviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppTreeviewComponent, "app-treeview", never, { "allowAddItems": { "alias": "allowAddItems"; "required": false; }; "autoSelectDescendants": { "alias": "autoSelectDescendants"; "required": false; }; "allowCheckItems": { "alias": "allowCheckItems"; "required": false; }; "allowFilter": { "alias": "allowFilter"; "required": false; }; }, { "selectionChanged": "selectionChanged"; }, never, never, false, never>;
+}

package/lib/theme-css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "\n@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/icon?family=Material+Icons\");\n.mat-ripple {\n  overflow: hidden;\n  position: relative;\n}\n.mat-ripple:not(:empty) {\n  transform: translateZ(0);\n}\n\n.mat-ripple.mat-ripple-unbounded {\n  overflow: visible;\n}\n\n.mat-ripple-element {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\n  transform: scale3d(0, 0, 0);\n  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));\n}\n.cdk-high-contrast-active .mat-ripple-element {\n  display: none;\n}\n\n.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {\n  display: none;\n}\n\n.cdk-visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n  outline: 0;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  left: 0;\n}\n[dir=rtl] .cdk-visually-hidden {\n  left: auto;\n  right: 0;\n}\n\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n\n.cdk-overlay-container {\n  position: fixed;\n  z-index: 1000;\n}\n.cdk-overlay-container:empty {\n  display: none;\n}\n\n.cdk-global-overlay-wrapper {\n  display: flex;\n  position: absolute;\n  z-index: 1000;\n}\n\n.cdk-overlay-pane {\n  position: absolute;\n  pointer-events: auto;\n  box-sizing: border-box;\n  z-index: 1000;\n  display: flex;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.cdk-overlay-backdrop {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  pointer-events: auto;\n  -webkit-tap-highlight-color: transparent;\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n  opacity: 0;\n}\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n  opacity: 1;\n}\n.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n  opacity: 0.6;\n}\n\n.cdk-overlay-dark-backdrop {\n  background: rgba(0, 0, 0, 0.32);\n}\n\n.cdk-overlay-transparent-backdrop {\n  transition: visibility 1ms linear, opacity 1ms linear;\n  visibility: hidden;\n  opacity: 1;\n}\n.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\n  opacity: 0;\n  visibility: visible;\n}\n\n.cdk-overlay-backdrop-noop-animation {\n  transition: none;\n}\n\n.cdk-overlay-connected-position-bounding-box {\n  position: absolute;\n  z-index: 1000;\n  display: flex;\n  flex-direction: column;\n  min-width: 1px;\n  min-height: 1px;\n}\n\n.cdk-global-scrollblock {\n  position: fixed;\n  width: 100%;\n  overflow-y: scroll;\n}\n\ntextarea.cdk-textarea-autosize {\n  resize: none;\n}\n\ntextarea.cdk-textarea-autosize-measuring {\n  padding: 2px 0 !important;\n  box-sizing: content-box !important;\n  height: auto !important;\n  overflow: hidden !important;\n}\n\ntextarea.cdk-textarea-autosize-measuring-firefox {\n  padding: 2px 0 !important;\n  box-sizing: content-box !important;\n  height: 0 !important;\n}\n\n@keyframes cdk-text-field-autofill-start { /*!*/ }\n@keyframes cdk-text-field-autofill-end { /*!*/ }\n.cdk-text-field-autofill-monitored:-webkit-autofill {\n  animation: cdk-text-field-autofill-start 0s 1ms;\n}\n\n.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\n  animation: cdk-text-field-autofill-end 0s 1ms;\n}\n\n.mat-focus-indicator {\n  position: relative;\n}\n.mat-focus-indicator::before {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  box-sizing: border-box;\n  pointer-events: none;\n  display: var(--mat-focus-indicator-display, none);\n  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);\n  border-radius: var(--mat-focus-indicator-border-radius, 4px);\n}\n.mat-focus-indicator:focus::before {\n  content: \"\";\n}\n\n.cdk-high-contrast-active {\n  --mat-focus-indicator-display: block;\n}\n\n.mat-mdc-focus-indicator {\n  position: relative;\n}\n.mat-mdc-focus-indicator::before {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  box-sizing: border-box;\n  pointer-events: none;\n  display: var(--mat-mdc-focus-indicator-display, none);\n  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);\n  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);\n}\n.mat-mdc-focus-indicator:focus::before {\n  content: \"\";\n}\n\n.cdk-high-contrast-active {\n  --mat-mdc-focus-indicator-display: block;\n}\n\n.mat-app-background {\n  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));\n  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));\n}\n\n.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {\n  box-shadow: var(--mat-app-elevation-shadow-level-0, none);\n}\n\n.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {\n  box-shadow: var(--mat-app-elevation-shadow-level-1, none);\n}\n\n.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {\n  box-shadow: var(--mat-app-elevation-shadow-level-2, none);\n}\n\n.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {\n  box-shadow: var(--mat-app-elevation-shadow-level-3, none);\n}\n\n.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {\n  box-shadow: var(--mat-app-elevation-shadow-level-4, none);\n}\n\n.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {\n  box-shadow: var(--mat-app-elevation-shadow-level-5, none);\n}\n\n.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {\n  box-shadow: var(--mat-app-elevation-shadow-level-6, none);\n}\n\n.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {\n  box-shadow: var(--mat-app-elevation-shadow-level-7, none);\n}\n\n.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {\n  box-shadow: var(--mat-app-elevation-shadow-level-8, none);\n}\n\n.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {\n  box-shadow: var(--mat-app-elevation-shadow-level-9, none);\n}\n\n.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {\n  box-shadow: var(--mat-app-elevation-shadow-level-10, none);\n}\n\n.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {\n  box-shadow: var(--mat-app-elevation-shadow-level-11, none);\n}\n\n.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {\n  box-shadow: var(--mat-app-elevation-shadow-level-12, none);\n}\n\n.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {\n  box-shadow: var(--mat-app-elevation-shadow-level-13, none);\n}\n\n.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {\n  box-shadow: var(--mat-app-elevation-shadow-level-14, none);\n}\n\n.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {\n  box-shadow: var(--mat-app-elevation-shadow-level-15, none);\n}\n\n.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {\n  box-shadow: var(--mat-app-elevation-shadow-level-16, none);\n}\n\n.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {\n  box-shadow: var(--mat-app-elevation-shadow-level-17, none);\n}\n\n.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {\n  box-shadow: var(--mat-app-elevation-shadow-level-18, none);\n}\n\n.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {\n  box-shadow: var(--mat-app-elevation-shadow-level-19, none);\n}\n\n.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {\n  box-shadow: var(--mat-app-elevation-shadow-level-20, none);\n}\n\n.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {\n  box-shadow: var(--mat-app-elevation-shadow-level-21, none);\n}\n\n.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {\n  box-shadow: var(--mat-app-elevation-shadow-level-22, none);\n}\n\n.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {\n  box-shadow: var(--mat-app-elevation-shadow-level-23, none);\n}\n\n.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {\n  box-shadow: var(--mat-app-elevation-shadow-level-24, none);\n}\n\n.bg-primary {\n  background: #5d87ff !important;\n}\n\n.horizontal-navbar .parentBox.pactive > a,\n.horizontal-navbar .parentBox.pactive > a:hover,\n.horizontal-navbar .parentBox.pactive:hover > a {\n  background-color: #5d87ff !important;\n}\n\n.activeMenu {\n  background-color: #5d87ff !important;\n}\n\n.mat-mdc-outlined-button.mat-primary {\n  border-color: #5d87ff !important;\n}\n.mat-mdc-outlined-button.mat-accent {\n  border-color: #44b7f7 !important;\n}\n.mat-mdc-outlined-button.mat-warn {\n  border-color: #fa896b !important;\n}\n\n.mat-theme-loaded-marker {\n  display: none;\n}\n\nhtml {\n  --mat-ripple-color: rgba(0, 0, 0, 0.1);\n}\n\nhtml {\n  --mat-option-selected-state-label-text-color: #5d87ff;\n  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);\n  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);\n}\n\n.mat-accent {\n  --mat-option-selected-state-label-text-color: #44b7f7;\n  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);\n  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);\n}\n\n.mat-warn {\n  --mat-option-selected-state-label-text-color: #fa896b;\n  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);\n  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);\n}\n\nhtml {\n  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);\n}\n\n.mat-primary {\n  --mat-full-pseudo-checkbox-selected-icon-color: #5d87ff;\n  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;\n  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;\n  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #5d87ff;\n  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;\n}\n\nhtml {\n  --mat-full-pseudo-checkbox-selected-icon-color: #44b7f7;\n  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;\n  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;\n  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #44b7f7;\n  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;\n}\n\n.mat-accent {\n  --mat-full-pseudo-checkbox-selected-icon-color: #44b7f7;\n  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;\n  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;\n  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #44b7f7;\n  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;\n}\n\n.mat-warn {\n  --mat-full-pseudo-checkbox-selected-icon-color: #fa896b;\n  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;\n  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;\n  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;\n  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #fa896b;\n  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;\n}\n\nhtml {\n  --mat-app-background-color: #fafafa;\n  --mat-app-text-color: rgba(0, 0, 0, 0.87);\n  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\n  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-option-label-text-font: Plus Jakarta Sans;\n  --mat-option-label-text-line-height: 20px;\n  --mat-option-label-text-size: 14px;\n  --mat-option-label-text-tracking: normal;\n  --mat-option-label-text-weight: 400;\n}\n\nhtml {\n  --mat-optgroup-label-text-font: Plus Jakarta Sans;\n  --mat-optgroup-label-text-line-height: 20px;\n  --mat-optgroup-label-text-size: 14px;\n  --mat-optgroup-label-text-tracking: normal;\n  --mat-optgroup-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-elevated-card-container-shape: 4px;\n  --mdc-outlined-card-container-shape: 4px;\n  --mdc-outlined-card-outline-width: 1px;\n}\n\nhtml {\n  --mdc-elevated-card-container-color: white;\n  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-card-container-color: white;\n  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);\n  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);\n}\n\nhtml {\n  --mat-card-title-text-font: Plus Jakarta Sans;\n  --mat-card-title-text-line-height: 26px;\n  --mat-card-title-text-size: 18px;\n  --mat-card-title-text-tracking: normal;\n  --mat-card-title-text-weight: 600;\n  --mat-card-subtitle-text-font: Plus Jakarta Sans;\n  --mat-card-subtitle-text-line-height: 14px;\n  --mat-card-subtitle-text-size: 14px;\n  --mat-card-subtitle-text-tracking: normal;\n  --mat-card-subtitle-text-weight: 400;\n}\n\nhtml {\n  --mdc-linear-progress-active-indicator-height: 4px;\n  --mdc-linear-progress-track-height: 4px;\n  --mdc-linear-progress-track-shape: 0;\n}\n\n.mat-mdc-progress-bar {\n  --mdc-linear-progress-active-indicator-color: #5d87ff;\n  --mdc-linear-progress-track-color: rgba(93, 135, 255, 0.25);\n}\n.mat-mdc-progress-bar.mat-accent {\n  --mdc-linear-progress-active-indicator-color: #44b7f7;\n  --mdc-linear-progress-track-color: rgba(68, 183, 247, 0.25);\n}\n.mat-mdc-progress-bar.mat-warn {\n  --mdc-linear-progress-active-indicator-color: #fa896b;\n  --mdc-linear-progress-track-color: rgba(250, 137, 107, 0.25);\n}\n\nhtml {\n  --mdc-plain-tooltip-container-shape: 4px;\n  --mdc-plain-tooltip-supporting-text-line-height: 16px;\n}\n\nhtml {\n  --mdc-plain-tooltip-container-color: #616161;\n  --mdc-plain-tooltip-supporting-text-color: #fff;\n}\n\nhtml {\n  --mdc-plain-tooltip-supporting-text-font: Plus Jakarta Sans;\n  --mdc-plain-tooltip-supporting-text-size: 12px;\n  --mdc-plain-tooltip-supporting-text-weight: 400;\n  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;\n}\n\nhtml {\n  --mdc-filled-text-field-active-indicator-height: 1px;\n  --mdc-filled-text-field-focus-active-indicator-height: 2px;\n  --mdc-filled-text-field-container-shape: 4px;\n  --mdc-outlined-text-field-outline-width: 1px;\n  --mdc-outlined-text-field-focus-outline-width: 2px;\n  --mdc-outlined-text-field-container-shape: 4px;\n}\n\nhtml {\n  --mdc-filled-text-field-caret-color: #5d87ff;\n  --mdc-filled-text-field-focus-active-indicator-color: #5d87ff;\n  --mdc-filled-text-field-focus-label-text-color: rgba(93, 135, 255, 0.87);\n  --mdc-filled-text-field-container-color: whitesmoke;\n  --mdc-filled-text-field-disabled-container-color: #fafafa;\n  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);\n  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);\n  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);\n  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);\n  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);\n  --mdc-filled-text-field-error-hover-label-text-color: #fa896b;\n  --mdc-filled-text-field-error-focus-label-text-color: #fa896b;\n  --mdc-filled-text-field-error-label-text-color: #fa896b;\n  --mdc-filled-text-field-error-caret-color: #fa896b;\n  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);\n  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);\n  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);\n  --mdc-filled-text-field-error-active-indicator-color: #fa896b;\n  --mdc-filled-text-field-error-focus-active-indicator-color: #fa896b;\n  --mdc-filled-text-field-error-hover-active-indicator-color: #fa896b;\n  --mdc-outlined-text-field-caret-color: #5d87ff;\n  --mdc-outlined-text-field-focus-outline-color: #5d87ff;\n  --mdc-outlined-text-field-focus-label-text-color: rgba(93, 135, 255, 0.87);\n  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);\n  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);\n  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);\n  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);\n  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);\n  --mdc-outlined-text-field-error-caret-color: #fa896b;\n  --mdc-outlined-text-field-error-focus-label-text-color: #fa896b;\n  --mdc-outlined-text-field-error-label-text-color: #fa896b;\n  --mdc-outlined-text-field-error-hover-label-text-color: #fa896b;\n  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);\n  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);\n  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);\n  --mdc-outlined-text-field-error-focus-outline-color: #fa896b;\n  --mdc-outlined-text-field-error-hover-outline-color: #fa896b;\n  --mdc-outlined-text-field-error-outline-color: #fa896b;\n  --mat-form-field-focus-select-arrow-color: rgba(93, 135, 255, 0.87);\n  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);\n  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);\n  --mat-form-field-error-text-color: #fa896b;\n  --mat-form-field-select-option-text-color: inherit;\n  --mat-form-field-select-disabled-option-text-color: GrayText;\n  --mat-form-field-leading-icon-color: unset;\n  --mat-form-field-disabled-leading-icon-color: unset;\n  --mat-form-field-trailing-icon-color: unset;\n  --mat-form-field-disabled-trailing-icon-color: unset;\n  --mat-form-field-error-focus-trailing-icon-color: unset;\n  --mat-form-field-error-hover-trailing-icon-color: unset;\n  --mat-form-field-error-trailing-icon-color: unset;\n  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);\n  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);\n  --mat-form-field-hover-state-layer-opacity: 0.04;\n  --mat-form-field-focus-state-layer-opacity: 0.08;\n}\n\n.mat-mdc-form-field.mat-accent {\n  --mdc-filled-text-field-caret-color: #44b7f7;\n  --mdc-filled-text-field-focus-active-indicator-color: #44b7f7;\n  --mdc-filled-text-field-focus-label-text-color: rgba(68, 183, 247, 0.87);\n  --mdc-outlined-text-field-caret-color: #44b7f7;\n  --mdc-outlined-text-field-focus-outline-color: #44b7f7;\n  --mdc-outlined-text-field-focus-label-text-color: rgba(68, 183, 247, 0.87);\n  --mat-form-field-focus-select-arrow-color: rgba(68, 183, 247, 0.87);\n}\n\n.mat-mdc-form-field.mat-warn {\n  --mdc-filled-text-field-caret-color: #fa896b;\n  --mdc-filled-text-field-focus-active-indicator-color: #fa896b;\n  --mdc-filled-text-field-focus-label-text-color: rgba(250, 137, 107, 0.87);\n  --mdc-outlined-text-field-caret-color: #fa896b;\n  --mdc-outlined-text-field-focus-outline-color: #fa896b;\n  --mdc-outlined-text-field-focus-label-text-color: rgba(250, 137, 107, 0.87);\n  --mat-form-field-focus-select-arrow-color: rgba(250, 137, 107, 0.87);\n}\n\nhtml {\n  --mat-form-field-container-height: 56px;\n  --mat-form-field-filled-label-display: block;\n  --mat-form-field-container-vertical-padding: 16px;\n  --mat-form-field-filled-with-label-container-padding-top: 24px;\n  --mat-form-field-filled-with-label-container-padding-bottom: 8px;\n}\n\nhtml {\n  --mdc-filled-text-field-label-text-font: Plus Jakarta Sans;\n  --mdc-filled-text-field-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-tracking: normal;\n  --mdc-filled-text-field-label-text-weight: 400;\n  --mdc-outlined-text-field-label-text-font: Plus Jakarta Sans;\n  --mdc-outlined-text-field-label-text-size: 14px;\n  --mdc-outlined-text-field-label-text-tracking: normal;\n  --mdc-outlined-text-field-label-text-weight: 400;\n  --mat-form-field-container-text-font: Plus Jakarta Sans;\n  --mat-form-field-container-text-line-height: 20px;\n  --mat-form-field-container-text-size: 14px;\n  --mat-form-field-container-text-tracking: normal;\n  --mat-form-field-container-text-weight: 400;\n  --mat-form-field-outlined-label-text-populated-size: 14px;\n  --mat-form-field-subscript-text-font: Plus Jakarta Sans;\n  --mat-form-field-subscript-text-line-height: 20px;\n  --mat-form-field-subscript-text-size: 12px;\n  --mat-form-field-subscript-text-tracking: 0.0333333333em;\n  --mat-form-field-subscript-text-weight: 400;\n}\n\nhtml {\n  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-select-panel-background-color: white;\n  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);\n  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);\n  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);\n  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);\n  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);\n  --mat-select-focused-arrow-color: rgba(93, 135, 255, 0.87);\n  --mat-select-invalid-arrow-color: rgba(250, 137, 107, 0.87);\n}\nhtml .mat-mdc-form-field.mat-accent {\n  --mat-select-panel-background-color: white;\n  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);\n  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);\n  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);\n  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);\n  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);\n  --mat-select-focused-arrow-color: rgba(68, 183, 247, 0.87);\n  --mat-select-invalid-arrow-color: rgba(250, 137, 107, 0.87);\n}\nhtml .mat-mdc-form-field.mat-warn {\n  --mat-select-panel-background-color: white;\n  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);\n  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);\n  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);\n  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);\n  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);\n  --mat-select-focused-arrow-color: rgba(250, 137, 107, 0.87);\n  --mat-select-invalid-arrow-color: rgba(250, 137, 107, 0.87);\n}\n\nhtml {\n  --mat-select-arrow-transform: translateY(-8px);\n}\n\nhtml {\n  --mat-select-trigger-text-font: Plus Jakarta Sans;\n  --mat-select-trigger-text-line-height: 20px;\n  --mat-select-trigger-text-size: 14px;\n  --mat-select-trigger-text-tracking: normal;\n  --mat-select-trigger-text-weight: 400;\n}\n\nhtml {\n  --mat-autocomplete-container-shape: 4px;\n  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-autocomplete-background-color: white;\n}\n\nhtml {\n  --mdc-dialog-container-shape: 4px;\n  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n  --mat-dialog-container-max-width: 80vw;\n  --mat-dialog-container-small-max-width: 80vw;\n  --mat-dialog-container-min-width: 0;\n  --mat-dialog-actions-alignment: start;\n  --mat-dialog-actions-padding: 8px;\n  --mat-dialog-content-padding: 20px 24px;\n  --mat-dialog-with-actions-content-padding: 20px 24px;\n  --mat-dialog-headline-padding: 0 24px 9px;\n}\n\nhtml {\n  --mdc-dialog-container-color: white;\n  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);\n  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);\n}\n\nhtml {\n  --mdc-dialog-subhead-font: Plus Jakarta Sans;\n  --mdc-dialog-subhead-line-height: 26px;\n  --mdc-dialog-subhead-size: 18px;\n  --mdc-dialog-subhead-weight: 600;\n  --mdc-dialog-subhead-tracking: normal;\n  --mdc-dialog-supporting-text-font: Plus Jakarta Sans;\n  --mdc-dialog-supporting-text-line-height: 20px;\n  --mdc-dialog-supporting-text-size: 14px;\n  --mdc-dialog-supporting-text-weight: 400;\n  --mdc-dialog-supporting-text-tracking: normal;\n}\n\n.mat-mdc-standard-chip {\n  --mdc-chip-container-shape-radius: 16px;\n  --mdc-chip-with-avatar-avatar-shape-radius: 14px;\n  --mdc-chip-with-avatar-avatar-size: 28px;\n  --mdc-chip-with-icon-icon-size: 18px;\n  --mdc-chip-outline-width: 0;\n  --mdc-chip-outline-color: transparent;\n  --mdc-chip-disabled-outline-color: transparent;\n  --mdc-chip-focus-outline-color: transparent;\n  --mdc-chip-hover-state-layer-opacity: 0.04;\n  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;\n  --mdc-chip-flat-selected-outline-width: 0;\n  --mdc-chip-selected-hover-state-layer-opacity: 0.04;\n  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;\n  --mdc-chip-with-icon-disabled-icon-opacity: 1;\n  --mat-chip-disabled-container-opacity: 0.4;\n  --mat-chip-trailing-action-opacity: 0.54;\n  --mat-chip-trailing-action-focus-opacity: 1;\n  --mat-chip-trailing-action-state-layer-color: transparent;\n  --mat-chip-selected-trailing-action-state-layer-color: transparent;\n  --mat-chip-trailing-action-hover-state-layer-opacity: 0;\n  --mat-chip-trailing-action-focus-state-layer-opacity: 0;\n}\n\n.mat-mdc-standard-chip {\n  --mdc-chip-disabled-label-text-color: #212121;\n  --mdc-chip-elevated-container-color: #e0e0e0;\n  --mdc-chip-elevated-selected-container-color: #e0e0e0;\n  --mdc-chip-elevated-disabled-container-color: #e0e0e0;\n  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;\n  --mdc-chip-focus-state-layer-color: black;\n  --mdc-chip-hover-state-layer-color: black;\n  --mdc-chip-selected-hover-state-layer-color: black;\n  --mdc-chip-focus-state-layer-opacity: 0.12;\n  --mdc-chip-selected-focus-state-layer-color: black;\n  --mdc-chip-selected-focus-state-layer-opacity: 0.12;\n  --mdc-chip-label-text-color: #212121;\n  --mdc-chip-selected-label-text-color: #212121;\n  --mdc-chip-with-icon-icon-color: #212121;\n  --mdc-chip-with-icon-disabled-icon-color: #212121;\n  --mdc-chip-with-icon-selected-icon-color: #212121;\n  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;\n  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;\n  --mat-chip-selected-disabled-trailing-icon-color: #212121;\n  --mat-chip-selected-trailing-icon-color: #212121;\n}\n.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {\n  --mdc-chip-disabled-label-text-color: white;\n  --mdc-chip-elevated-container-color: #5d87ff;\n  --mdc-chip-elevated-selected-container-color: #5d87ff;\n  --mdc-chip-elevated-disabled-container-color: #5d87ff;\n  --mdc-chip-flat-disabled-selected-container-color: #5d87ff;\n  --mdc-chip-focus-state-layer-color: black;\n  --mdc-chip-hover-state-layer-color: black;\n  --mdc-chip-selected-hover-state-layer-color: black;\n  --mdc-chip-focus-state-layer-opacity: 0.12;\n  --mdc-chip-selected-focus-state-layer-color: black;\n  --mdc-chip-selected-focus-state-layer-opacity: 0.12;\n  --mdc-chip-label-text-color: white;\n  --mdc-chip-selected-label-text-color: white;\n  --mdc-chip-with-icon-icon-color: white;\n  --mdc-chip-with-icon-disabled-icon-color: white;\n  --mdc-chip-with-icon-selected-icon-color: white;\n  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;\n  --mdc-chip-with-trailing-icon-trailing-icon-color: white;\n  --mat-chip-selected-disabled-trailing-icon-color: white;\n  --mat-chip-selected-trailing-icon-color: white;\n}\n.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {\n  --mdc-chip-disabled-label-text-color: white;\n  --mdc-chip-elevated-container-color: #44b7f7;\n  --mdc-chip-elevated-selected-container-color: #44b7f7;\n  --mdc-chip-elevated-disabled-container-color: #44b7f7;\n  --mdc-chip-flat-disabled-selected-container-color: #44b7f7;\n  --mdc-chip-focus-state-layer-color: black;\n  --mdc-chip-hover-state-layer-color: black;\n  --mdc-chip-selected-hover-state-layer-color: black;\n  --mdc-chip-focus-state-layer-opacity: 0.12;\n  --mdc-chip-selected-focus-state-layer-color: black;\n  --mdc-chip-selected-focus-state-layer-opacity: 0.12;\n  --mdc-chip-label-text-color: white;\n  --mdc-chip-selected-label-text-color: white;\n  --mdc-chip-with-icon-icon-color: white;\n  --mdc-chip-with-icon-disabled-icon-color: white;\n  --mdc-chip-with-icon-selected-icon-color: white;\n  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;\n  --mdc-chip-with-trailing-icon-trailing-icon-color: white;\n  --mat-chip-selected-disabled-trailing-icon-color: white;\n  --mat-chip-selected-trailing-icon-color: white;\n}\n.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {\n  --mdc-chip-disabled-label-text-color: white;\n  --mdc-chip-elevated-container-color: #fa896b;\n  --mdc-chip-elevated-selected-container-color: #fa896b;\n  --mdc-chip-elevated-disabled-container-color: #fa896b;\n  --mdc-chip-flat-disabled-selected-container-color: #fa896b;\n  --mdc-chip-focus-state-layer-color: black;\n  --mdc-chip-hover-state-layer-color: black;\n  --mdc-chip-selected-hover-state-layer-color: black;\n  --mdc-chip-focus-state-layer-opacity: 0.12;\n  --mdc-chip-selected-focus-state-layer-color: black;\n  --mdc-chip-selected-focus-state-layer-opacity: 0.12;\n  --mdc-chip-label-text-color: white;\n  --mdc-chip-selected-label-text-color: white;\n  --mdc-chip-with-icon-icon-color: white;\n  --mdc-chip-with-icon-disabled-icon-color: white;\n  --mdc-chip-with-icon-selected-icon-color: white;\n  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;\n  --mdc-chip-with-trailing-icon-trailing-icon-color: white;\n  --mat-chip-selected-disabled-trailing-icon-color: white;\n  --mat-chip-selected-trailing-icon-color: white;\n}\n\n.mat-mdc-chip.mat-mdc-standard-chip {\n  --mdc-chip-container-height: 32px;\n}\n\n.mat-mdc-standard-chip {\n  --mdc-chip-label-text-font: Plus Jakarta Sans;\n  --mdc-chip-label-text-line-height: 22px;\n  --mdc-chip-label-text-size: 16px;\n  --mdc-chip-label-text-tracking: normal;\n  --mdc-chip-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-switch-disabled-selected-icon-opacity: 0.38;\n  --mdc-switch-disabled-track-opacity: 0.12;\n  --mdc-switch-disabled-unselected-icon-opacity: 0.38;\n  --mdc-switch-handle-height: 20px;\n  --mdc-switch-handle-shape: 10px;\n  --mdc-switch-handle-width: 20px;\n  --mdc-switch-selected-icon-size: 18px;\n  --mdc-switch-track-height: 14px;\n  --mdc-switch-track-shape: 7px;\n  --mdc-switch-track-width: 36px;\n  --mdc-switch-unselected-icon-size: 18px;\n  --mdc-switch-selected-focus-state-layer-opacity: 0.12;\n  --mdc-switch-selected-hover-state-layer-opacity: 0.04;\n  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;\n  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;\n  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;\n  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;\n}\nhtml .mat-mdc-slide-toggle {\n  --mat-switch-disabled-selected-handle-opacity: 0.38;\n  --mat-switch-disabled-unselected-handle-opacity: 0.38;\n  --mat-switch-unselected-handle-size: 20px;\n  --mat-switch-selected-handle-size: 20px;\n  --mat-switch-pressed-handle-size: 20px;\n  --mat-switch-with-icon-handle-size: 20px;\n  --mat-switch-selected-handle-horizontal-margin: 0;\n  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;\n  --mat-switch-selected-pressed-handle-horizontal-margin: 0;\n  --mat-switch-unselected-handle-horizontal-margin: 0;\n  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;\n  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;\n  --mat-switch-visible-track-opacity: 1;\n  --mat-switch-hidden-track-opacity: 1;\n  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);\n  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n  --mat-switch-track-outline-width: 1px;\n  --mat-switch-track-outline-color: transparent;\n  --mat-switch-selected-track-outline-width: 1px;\n  --mat-switch-selected-track-outline-color: transparent;\n  --mat-switch-disabled-unselected-track-outline-width: 1px;\n  --mat-switch-disabled-unselected-track-outline-color: transparent;\n}\n\nhtml {\n  --mdc-switch-disabled-selected-handle-color: #424242;\n  --mdc-switch-disabled-selected-icon-color: #fff;\n  --mdc-switch-disabled-selected-track-color: #424242;\n  --mdc-switch-disabled-unselected-handle-color: #424242;\n  --mdc-switch-disabled-unselected-icon-color: #fff;\n  --mdc-switch-disabled-unselected-track-color: #424242;\n  --mdc-switch-handle-surface-color: #fff;\n  --mdc-switch-selected-icon-color: #fff;\n  --mdc-switch-unselected-focus-handle-color: #212121;\n  --mdc-switch-unselected-focus-state-layer-color: #424242;\n  --mdc-switch-unselected-focus-track-color: #e0e0e0;\n  --mdc-switch-unselected-handle-color: #616161;\n  --mdc-switch-unselected-hover-handle-color: #212121;\n  --mdc-switch-unselected-hover-state-layer-color: #424242;\n  --mdc-switch-unselected-hover-track-color: #e0e0e0;\n  --mdc-switch-unselected-icon-color: #fff;\n  --mdc-switch-unselected-pressed-handle-color: #212121;\n  --mdc-switch-unselected-pressed-state-layer-color: #424242;\n  --mdc-switch-unselected-pressed-track-color: #e0e0e0;\n  --mdc-switch-unselected-track-color: #e0e0e0;\n  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n}\nhtml .mat-mdc-slide-toggle {\n  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);\n}\nhtml {\n  --mdc-switch-state-layer-size: 40px;\n}\nhtml .mat-mdc-slide-toggle {\n  --mat-switch-label-text-font: Plus Jakarta Sans;\n  --mat-switch-label-text-line-height: 22px;\n  --mat-switch-label-text-size: 16px;\n  --mat-switch-label-text-tracking: normal;\n  --mat-switch-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-radio-disabled-selected-icon-opacity: 0.38;\n  --mdc-radio-disabled-unselected-icon-opacity: 0.38;\n  --mdc-radio-state-layer-size: 40px;\n}\n\n.mat-mdc-radio-button.mat-primary {\n  --mdc-radio-disabled-selected-icon-color: black;\n  --mdc-radio-disabled-unselected-icon-color: black;\n  --mdc-radio-unselected-hover-icon-color: #212121;\n  --mdc-radio-unselected-focus-icon-color: #212121;\n  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-selected-focus-icon-color: #5d87ff;\n  --mdc-radio-selected-hover-icon-color: #5d87ff;\n  --mdc-radio-selected-icon-color: #5d87ff;\n  --mdc-radio-selected-pressed-icon-color: #5d87ff;\n  --mat-radio-ripple-color: black;\n  --mat-radio-checked-ripple-color: #5d87ff;\n  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);\n  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);\n}\n.mat-mdc-radio-button.mat-accent {\n  --mdc-radio-disabled-selected-icon-color: black;\n  --mdc-radio-disabled-unselected-icon-color: black;\n  --mdc-radio-unselected-hover-icon-color: #212121;\n  --mdc-radio-unselected-focus-icon-color: #212121;\n  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-selected-focus-icon-color: #44b7f7;\n  --mdc-radio-selected-hover-icon-color: #44b7f7;\n  --mdc-radio-selected-icon-color: #44b7f7;\n  --mdc-radio-selected-pressed-icon-color: #44b7f7;\n  --mat-radio-ripple-color: black;\n  --mat-radio-checked-ripple-color: #44b7f7;\n  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);\n  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);\n}\n.mat-mdc-radio-button.mat-warn {\n  --mdc-radio-disabled-selected-icon-color: black;\n  --mdc-radio-disabled-unselected-icon-color: black;\n  --mdc-radio-unselected-hover-icon-color: #212121;\n  --mdc-radio-unselected-focus-icon-color: #212121;\n  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-selected-focus-icon-color: #fa896b;\n  --mdc-radio-selected-hover-icon-color: #fa896b;\n  --mdc-radio-selected-icon-color: #fa896b;\n  --mdc-radio-selected-pressed-icon-color: #fa896b;\n  --mat-radio-ripple-color: black;\n  --mat-radio-checked-ripple-color: #fa896b;\n  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);\n  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);\n}\n\nhtml {\n  --mdc-radio-state-layer-size: 40px;\n  --mat-radio-touch-target-display: block;\n}\n\nhtml {\n  --mat-radio-label-text-font: Plus Jakarta Sans;\n  --mat-radio-label-text-line-height: 22px;\n  --mat-radio-label-text-size: 16px;\n  --mat-radio-label-text-tracking: normal;\n  --mat-radio-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-slider-active-track-height: 6px;\n  --mdc-slider-active-track-shape: 9999px;\n  --mdc-slider-handle-height: 20px;\n  --mdc-slider-handle-shape: 50%;\n  --mdc-slider-handle-width: 20px;\n  --mdc-slider-inactive-track-height: 4px;\n  --mdc-slider-inactive-track-shape: 9999px;\n  --mdc-slider-with-overlap-handle-outline-width: 1px;\n  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;\n  --mdc-slider-with-tick-marks-container-shape: 50%;\n  --mdc-slider-with-tick-marks-container-size: 2px;\n  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;\n  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-slider-value-indicator-width: auto;\n  --mat-slider-value-indicator-height: 32px;\n  --mat-slider-value-indicator-caret-display: block;\n  --mat-slider-value-indicator-border-radius: 4px;\n  --mat-slider-value-indicator-padding: 0 12px;\n  --mat-slider-value-indicator-text-transform: none;\n  --mat-slider-value-indicator-container-transform: translateX(-50%);\n}\n\nhtml {\n  --mdc-slider-handle-color: #5d87ff;\n  --mdc-slider-focus-handle-color: #5d87ff;\n  --mdc-slider-hover-handle-color: #5d87ff;\n  --mdc-slider-active-track-color: #5d87ff;\n  --mdc-slider-inactive-track-color: #5d87ff;\n  --mdc-slider-with-tick-marks-inactive-container-color: #5d87ff;\n  --mdc-slider-with-tick-marks-active-container-color: white;\n  --mdc-slider-disabled-active-track-color: #000;\n  --mdc-slider-disabled-handle-color: #000;\n  --mdc-slider-disabled-inactive-track-color: #000;\n  --mdc-slider-label-container-color: #000;\n  --mdc-slider-label-label-text-color: #fff;\n  --mdc-slider-with-overlap-handle-outline-color: #fff;\n  --mdc-slider-with-tick-marks-disabled-container-color: #000;\n  --mat-slider-ripple-color: #5d87ff;\n  --mat-slider-hover-state-layer-color: rgba(93, 135, 255, 0.05);\n  --mat-slider-focus-state-layer-color: rgba(93, 135, 255, 0.2);\n  --mat-slider-value-indicator-opacity: 0.6;\n}\nhtml .mat-accent {\n  --mdc-slider-handle-color: #44b7f7;\n  --mdc-slider-focus-handle-color: #44b7f7;\n  --mdc-slider-hover-handle-color: #44b7f7;\n  --mdc-slider-active-track-color: #44b7f7;\n  --mdc-slider-inactive-track-color: #44b7f7;\n  --mdc-slider-with-tick-marks-inactive-container-color: #44b7f7;\n  --mdc-slider-with-tick-marks-active-container-color: white;\n  --mat-slider-ripple-color: #44b7f7;\n  --mat-slider-hover-state-layer-color: rgba(68, 183, 247, 0.05);\n  --mat-slider-focus-state-layer-color: rgba(68, 183, 247, 0.2);\n}\nhtml .mat-warn {\n  --mdc-slider-handle-color: #fa896b;\n  --mdc-slider-focus-handle-color: #fa896b;\n  --mdc-slider-hover-handle-color: #fa896b;\n  --mdc-slider-active-track-color: #fa896b;\n  --mdc-slider-inactive-track-color: #fa896b;\n  --mdc-slider-with-tick-marks-inactive-container-color: #fa896b;\n  --mdc-slider-with-tick-marks-active-container-color: white;\n  --mat-slider-ripple-color: #fa896b;\n  --mat-slider-hover-state-layer-color: rgba(250, 137, 107, 0.05);\n  --mat-slider-focus-state-layer-color: rgba(250, 137, 107, 0.2);\n}\n\nhtml {\n  --mdc-slider-label-label-text-font: Plus Jakarta Sans;\n  --mdc-slider-label-label-text-size: 14px;\n  --mdc-slider-label-label-text-line-height: 14px;\n  --mdc-slider-label-label-text-tracking: normal;\n  --mdc-slider-label-label-text-weight: 400;\n}\n\nhtml {\n  --mat-menu-container-shape: 4px;\n  --mat-menu-divider-bottom-spacing: 0;\n  --mat-menu-divider-top-spacing: 0;\n  --mat-menu-item-spacing: 16px;\n  --mat-menu-item-icon-size: 24px;\n  --mat-menu-item-leading-spacing: 16px;\n  --mat-menu-item-trailing-spacing: 16px;\n  --mat-menu-item-with-icon-leading-spacing: 16px;\n  --mat-menu-item-with-icon-trailing-spacing: 16px;\n  --mat-menu-base-elevation-level: 8;\n}\n\nhtml {\n  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);\n  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);\n  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-menu-container-color: white;\n  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-menu-item-label-text-font: Plus Jakarta Sans;\n  --mat-menu-item-label-text-size: 14px;\n  --mat-menu-item-label-text-tracking: normal;\n  --mat-menu-item-label-text-line-height: 20px;\n  --mat-menu-item-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-list-list-item-container-shape: 0;\n  --mdc-list-list-item-leading-avatar-shape: 50%;\n  --mdc-list-list-item-container-color: transparent;\n  --mdc-list-list-item-selected-container-color: transparent;\n  --mdc-list-list-item-leading-avatar-color: transparent;\n  --mdc-list-list-item-leading-icon-size: 24px;\n  --mdc-list-list-item-leading-avatar-size: 40px;\n  --mdc-list-list-item-trailing-icon-size: 24px;\n  --mdc-list-list-item-disabled-state-layer-color: transparent;\n  --mdc-list-list-item-disabled-state-layer-opacity: 0;\n  --mdc-list-list-item-disabled-label-text-opacity: 0.38;\n  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;\n  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;\n  --mat-list-active-indicator-color: transparent;\n  --mat-list-active-indicator-shape: 4px;\n}\n\nhtml {\n  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);\n  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);\n  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);\n  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-list-list-item-disabled-label-text-color: black;\n  --mdc-list-list-item-disabled-leading-icon-color: black;\n  --mdc-list-list-item-disabled-trailing-icon-color: black;\n  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);\n  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);\n  --mdc-list-list-item-hover-state-layer-color: black;\n  --mdc-list-list-item-hover-state-layer-opacity: 0.04;\n  --mdc-list-list-item-focus-state-layer-color: black;\n  --mdc-list-list-item-focus-state-layer-opacity: 0.12;\n}\n\n.mdc-list-item__start,\n.mdc-list-item__end {\n  --mdc-radio-disabled-selected-icon-color: black;\n  --mdc-radio-disabled-unselected-icon-color: black;\n  --mdc-radio-unselected-hover-icon-color: #212121;\n  --mdc-radio-unselected-focus-icon-color: #212121;\n  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-selected-focus-icon-color: #5d87ff;\n  --mdc-radio-selected-hover-icon-color: #5d87ff;\n  --mdc-radio-selected-icon-color: #5d87ff;\n  --mdc-radio-selected-pressed-icon-color: #5d87ff;\n}\n\n.mat-accent .mdc-list-item__start,\n.mat-accent .mdc-list-item__end {\n  --mdc-radio-disabled-selected-icon-color: black;\n  --mdc-radio-disabled-unselected-icon-color: black;\n  --mdc-radio-unselected-hover-icon-color: #212121;\n  --mdc-radio-unselected-focus-icon-color: #212121;\n  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-selected-focus-icon-color: #44b7f7;\n  --mdc-radio-selected-hover-icon-color: #44b7f7;\n  --mdc-radio-selected-icon-color: #44b7f7;\n  --mdc-radio-selected-pressed-icon-color: #44b7f7;\n}\n\n.mat-warn .mdc-list-item__start,\n.mat-warn .mdc-list-item__end {\n  --mdc-radio-disabled-selected-icon-color: black;\n  --mdc-radio-disabled-unselected-icon-color: black;\n  --mdc-radio-unselected-hover-icon-color: #212121;\n  --mdc-radio-unselected-focus-icon-color: #212121;\n  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-radio-selected-focus-icon-color: #fa896b;\n  --mdc-radio-selected-hover-icon-color: #fa896b;\n  --mdc-radio-selected-icon-color: #fa896b;\n  --mdc-radio-selected-pressed-icon-color: #fa896b;\n}\n\n.mat-mdc-list-option {\n  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-selected-checkmark-color: white;\n  --mdc-checkbox-selected-focus-icon-color: #5d87ff;\n  --mdc-checkbox-selected-hover-icon-color: #5d87ff;\n  --mdc-checkbox-selected-icon-color: #5d87ff;\n  --mdc-checkbox-selected-pressed-icon-color: #5d87ff;\n  --mdc-checkbox-unselected-focus-icon-color: #212121;\n  --mdc-checkbox-unselected-hover-icon-color: #212121;\n  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-checkbox-selected-focus-state-layer-color: #5d87ff;\n  --mdc-checkbox-selected-hover-state-layer-color: #5d87ff;\n  --mdc-checkbox-selected-pressed-state-layer-color: #5d87ff;\n  --mdc-checkbox-unselected-focus-state-layer-color: black;\n  --mdc-checkbox-unselected-hover-state-layer-color: black;\n  --mdc-checkbox-unselected-pressed-state-layer-color: black;\n}\n\n.mat-mdc-list-option.mat-accent {\n  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-selected-checkmark-color: white;\n  --mdc-checkbox-selected-focus-icon-color: #44b7f7;\n  --mdc-checkbox-selected-hover-icon-color: #44b7f7;\n  --mdc-checkbox-selected-icon-color: #44b7f7;\n  --mdc-checkbox-selected-pressed-icon-color: #44b7f7;\n  --mdc-checkbox-unselected-focus-icon-color: #212121;\n  --mdc-checkbox-unselected-hover-icon-color: #212121;\n  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-checkbox-selected-focus-state-layer-color: #44b7f7;\n  --mdc-checkbox-selected-hover-state-layer-color: #44b7f7;\n  --mdc-checkbox-selected-pressed-state-layer-color: #44b7f7;\n  --mdc-checkbox-unselected-focus-state-layer-color: black;\n  --mdc-checkbox-unselected-hover-state-layer-color: black;\n  --mdc-checkbox-unselected-pressed-state-layer-color: black;\n}\n\n.mat-mdc-list-option.mat-warn {\n  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-selected-checkmark-color: white;\n  --mdc-checkbox-selected-focus-icon-color: #fa896b;\n  --mdc-checkbox-selected-hover-icon-color: #fa896b;\n  --mdc-checkbox-selected-icon-color: #fa896b;\n  --mdc-checkbox-selected-pressed-icon-color: #fa896b;\n  --mdc-checkbox-unselected-focus-icon-color: #212121;\n  --mdc-checkbox-unselected-hover-icon-color: #212121;\n  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-checkbox-selected-focus-state-layer-color: #fa896b;\n  --mdc-checkbox-selected-hover-state-layer-color: #fa896b;\n  --mdc-checkbox-selected-pressed-state-layer-color: #fa896b;\n  --mdc-checkbox-unselected-focus-state-layer-color: black;\n  --mdc-checkbox-unselected-hover-state-layer-color: black;\n  --mdc-checkbox-unselected-pressed-state-layer-color: black;\n}\n\n.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,\n.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,\n.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,\n.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {\n  color: #5d87ff;\n}\n\n.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,\n.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {\n  opacity: 1;\n}\n\nhtml {\n  --mdc-list-list-item-one-line-container-height: 48px;\n  --mdc-list-list-item-two-line-container-height: 64px;\n  --mdc-list-list-item-three-line-container-height: 88px;\n  --mat-list-list-item-leading-icon-start-space: 16px;\n  --mat-list-list-item-leading-icon-end-space: 32px;\n}\n\n.mdc-list-item__start,\n.mdc-list-item__end {\n  --mdc-radio-state-layer-size: 40px;\n}\n\n.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {\n  height: 56px;\n}\n.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {\n  height: 72px;\n}\n\nhtml {\n  --mdc-list-list-item-label-text-font: Plus Jakarta Sans;\n  --mdc-list-list-item-label-text-line-height: 20px;\n  --mdc-list-list-item-label-text-size: 14px;\n  --mdc-list-list-item-label-text-tracking: normal;\n  --mdc-list-list-item-label-text-weight: 400;\n  --mdc-list-list-item-supporting-text-font: Plus Jakarta Sans;\n  --mdc-list-list-item-supporting-text-line-height: 22px;\n  --mdc-list-list-item-supporting-text-size: 16px;\n  --mdc-list-list-item-supporting-text-tracking: normal;\n  --mdc-list-list-item-supporting-text-weight: 400;\n  --mdc-list-list-item-trailing-supporting-text-font: Plus Jakarta Sans;\n  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;\n  --mdc-list-list-item-trailing-supporting-text-size: 12px;\n  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;\n  --mdc-list-list-item-trailing-supporting-text-weight: 400;\n}\n\n.mdc-list-group__subheader {\n  font: 500 21px / 26px Plus Jakarta Sans;\n  letter-spacing: normal;\n}\n\nhtml {\n  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);\n  --mat-paginator-container-background-color: white;\n  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-paginator-container-size: 56px;\n  --mat-paginator-form-field-container-height: 40px;\n  --mat-paginator-form-field-container-vertical-padding: 8px;\n  --mat-paginator-touch-target-display: block;\n}\n\nhtml {\n  --mat-paginator-container-text-font: Plus Jakarta Sans;\n  --mat-paginator-container-text-line-height: 20px;\n  --mat-paginator-container-text-size: 12px;\n  --mat-paginator-container-text-tracking: 0.0333333333em;\n  --mat-paginator-container-text-weight: 400;\n  --mat-paginator-select-trigger-text-size: 12px;\n}\n\nhtml {\n  --mdc-secondary-navigation-tab-container-height: 48px;\n  --mdc-tab-indicator-active-indicator-height: 2px;\n  --mdc-tab-indicator-active-indicator-shape: 0;\n  --mat-tab-header-divider-color: transparent;\n  --mat-tab-header-divider-height: 0;\n}\n\n.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {\n  --mdc-tab-indicator-active-indicator-color: #5d87ff;\n  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);\n  --mat-tab-header-pagination-icon-color: black;\n  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-active-label-text-color: #5d87ff;\n  --mat-tab-header-active-ripple-color: #5d87ff;\n  --mat-tab-header-inactive-ripple-color: #5d87ff;\n  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-active-focus-label-text-color: #5d87ff;\n  --mat-tab-header-active-hover-label-text-color: #5d87ff;\n  --mat-tab-header-active-focus-indicator-color: #5d87ff;\n  --mat-tab-header-active-hover-indicator-color: #5d87ff;\n}\n.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {\n  --mdc-tab-indicator-active-indicator-color: #44b7f7;\n  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);\n  --mat-tab-header-pagination-icon-color: black;\n  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-active-label-text-color: #44b7f7;\n  --mat-tab-header-active-ripple-color: #44b7f7;\n  --mat-tab-header-inactive-ripple-color: #44b7f7;\n  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-active-focus-label-text-color: #44b7f7;\n  --mat-tab-header-active-hover-label-text-color: #44b7f7;\n  --mat-tab-header-active-focus-indicator-color: #44b7f7;\n  --mat-tab-header-active-hover-indicator-color: #44b7f7;\n}\n.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {\n  --mdc-tab-indicator-active-indicator-color: #fa896b;\n  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);\n  --mat-tab-header-pagination-icon-color: black;\n  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-active-label-text-color: #fa896b;\n  --mat-tab-header-active-ripple-color: #fa896b;\n  --mat-tab-header-inactive-ripple-color: #fa896b;\n  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);\n  --mat-tab-header-active-focus-label-text-color: #fa896b;\n  --mat-tab-header-active-hover-label-text-color: #fa896b;\n  --mat-tab-header-active-focus-indicator-color: #fa896b;\n  --mat-tab-header-active-hover-indicator-color: #fa896b;\n}\n.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {\n  --mat-tab-header-with-background-background-color: #5d87ff;\n  --mat-tab-header-with-background-foreground-color: white;\n}\n.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {\n  --mat-tab-header-with-background-background-color: #44b7f7;\n  --mat-tab-header-with-background-foreground-color: white;\n}\n.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {\n  --mat-tab-header-with-background-background-color: #fa896b;\n  --mat-tab-header-with-background-foreground-color: white;\n}\n\n.mat-mdc-tab-header {\n  --mdc-secondary-navigation-tab-container-height: 48px;\n}\n\n.mat-mdc-tab-header {\n  --mat-tab-header-label-text-font: Plus Jakarta Sans;\n  --mat-tab-header-label-text-size: 14px;\n  --mat-tab-header-label-text-tracking: normal;\n  --mat-tab-header-label-text-line-height: 14px;\n  --mat-tab-header-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-checkbox-disabled-selected-checkmark-color: #fff;\n  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;\n  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;\n  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;\n  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;\n  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;\n  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;\n}\n\nhtml {\n  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-selected-checkmark-color: white;\n  --mdc-checkbox-selected-focus-icon-color: #44b7f7;\n  --mdc-checkbox-selected-hover-icon-color: #44b7f7;\n  --mdc-checkbox-selected-icon-color: #44b7f7;\n  --mdc-checkbox-selected-pressed-icon-color: #44b7f7;\n  --mdc-checkbox-unselected-focus-icon-color: #212121;\n  --mdc-checkbox-unselected-hover-icon-color: #212121;\n  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-checkbox-selected-focus-state-layer-color: #44b7f7;\n  --mdc-checkbox-selected-hover-state-layer-color: #44b7f7;\n  --mdc-checkbox-selected-pressed-state-layer-color: #44b7f7;\n  --mdc-checkbox-unselected-focus-state-layer-color: black;\n  --mdc-checkbox-unselected-hover-state-layer-color: black;\n  --mdc-checkbox-unselected-pressed-state-layer-color: black;\n  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);\n  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);\n}\n\n.mat-mdc-checkbox.mat-primary {\n  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-selected-checkmark-color: white;\n  --mdc-checkbox-selected-focus-icon-color: #5d87ff;\n  --mdc-checkbox-selected-hover-icon-color: #5d87ff;\n  --mdc-checkbox-selected-icon-color: #5d87ff;\n  --mdc-checkbox-selected-pressed-icon-color: #5d87ff;\n  --mdc-checkbox-unselected-focus-icon-color: #212121;\n  --mdc-checkbox-unselected-hover-icon-color: #212121;\n  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-checkbox-selected-focus-state-layer-color: #5d87ff;\n  --mdc-checkbox-selected-hover-state-layer-color: #5d87ff;\n  --mdc-checkbox-selected-pressed-state-layer-color: #5d87ff;\n  --mdc-checkbox-unselected-focus-state-layer-color: black;\n  --mdc-checkbox-unselected-hover-state-layer-color: black;\n  --mdc-checkbox-unselected-pressed-state-layer-color: black;\n}\n.mat-mdc-checkbox.mat-warn {\n  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);\n  --mdc-checkbox-selected-checkmark-color: white;\n  --mdc-checkbox-selected-focus-icon-color: #fa896b;\n  --mdc-checkbox-selected-hover-icon-color: #fa896b;\n  --mdc-checkbox-selected-icon-color: #fa896b;\n  --mdc-checkbox-selected-pressed-icon-color: #fa896b;\n  --mdc-checkbox-unselected-focus-icon-color: #212121;\n  --mdc-checkbox-unselected-hover-icon-color: #212121;\n  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);\n  --mdc-checkbox-selected-focus-state-layer-color: #fa896b;\n  --mdc-checkbox-selected-hover-state-layer-color: #fa896b;\n  --mdc-checkbox-selected-pressed-state-layer-color: #fa896b;\n  --mdc-checkbox-unselected-focus-state-layer-color: black;\n  --mdc-checkbox-unselected-hover-state-layer-color: black;\n  --mdc-checkbox-unselected-pressed-state-layer-color: black;\n}\n\nhtml {\n  --mdc-checkbox-state-layer-size: 40px;\n  --mat-checkbox-touch-target-display: block;\n}\n\nhtml {\n  --mat-checkbox-label-text-font: Plus Jakarta Sans;\n  --mat-checkbox-label-text-line-height: 22px;\n  --mat-checkbox-label-text-size: 16px;\n  --mat-checkbox-label-text-tracking: normal;\n  --mat-checkbox-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-text-button-container-shape: 4px;\n  --mdc-text-button-keep-touch-target: false;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-filled-button-keep-touch-target: false;\n  --mdc-protected-button-container-shape: 4px;\n  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-keep-touch-target: false;\n  --mdc-outlined-button-outline-width: 1px;\n  --mdc-outlined-button-container-shape: 4px;\n  --mat-text-button-horizontal-padding: 8px;\n  --mat-text-button-with-icon-horizontal-padding: 8px;\n  --mat-text-button-icon-spacing: 8px;\n  --mat-text-button-icon-offset: 0;\n  --mat-filled-button-horizontal-padding: 16px;\n  --mat-filled-button-icon-spacing: 8px;\n  --mat-filled-button-icon-offset: -4px;\n  --mat-protected-button-horizontal-padding: 16px;\n  --mat-protected-button-icon-spacing: 8px;\n  --mat-protected-button-icon-offset: -4px;\n  --mat-outlined-button-horizontal-padding: 15px;\n  --mat-outlined-button-icon-spacing: 8px;\n  --mat-outlined-button-icon-offset: -4px;\n}\n\nhtml {\n  --mdc-text-button-label-text-color: black;\n  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n  --mat-text-button-state-layer-color: black;\n  --mat-text-button-disabled-state-layer-color: black;\n  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-text-button-hover-state-layer-opacity: 0.04;\n  --mat-text-button-focus-state-layer-opacity: 0.12;\n  --mat-text-button-pressed-state-layer-opacity: 0.12;\n  --mdc-filled-button-container-color: white;\n  --mdc-filled-button-label-text-color: black;\n  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);\n  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n  --mat-filled-button-state-layer-color: black;\n  --mat-filled-button-disabled-state-layer-color: black;\n  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-filled-button-hover-state-layer-opacity: 0.04;\n  --mat-filled-button-focus-state-layer-opacity: 0.12;\n  --mat-filled-button-pressed-state-layer-opacity: 0.12;\n  --mdc-protected-button-container-color: white;\n  --mdc-protected-button-label-text-color: black;\n  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);\n  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n  --mat-protected-button-state-layer-color: black;\n  --mat-protected-button-disabled-state-layer-color: black;\n  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-protected-button-hover-state-layer-opacity: 0.04;\n  --mat-protected-button-focus-state-layer-opacity: 0.12;\n  --mat-protected-button-pressed-state-layer-opacity: 0.12;\n  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);\n  --mdc-outlined-button-label-text-color: black;\n  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);\n  --mat-outlined-button-state-layer-color: black;\n  --mat-outlined-button-disabled-state-layer-color: black;\n  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-outlined-button-hover-state-layer-opacity: 0.04;\n  --mat-outlined-button-focus-state-layer-opacity: 0.12;\n  --mat-outlined-button-pressed-state-layer-opacity: 0.12;\n}\n\n.mat-mdc-button.mat-primary {\n  --mdc-text-button-label-text-color: #5d87ff;\n  --mat-text-button-state-layer-color: #5d87ff;\n  --mat-text-button-ripple-color: rgba(93, 135, 255, 0.1);\n}\n.mat-mdc-button.mat-accent {\n  --mdc-text-button-label-text-color: #44b7f7;\n  --mat-text-button-state-layer-color: #44b7f7;\n  --mat-text-button-ripple-color: rgba(68, 183, 247, 0.1);\n}\n.mat-mdc-button.mat-warn {\n  --mdc-text-button-label-text-color: #fa896b;\n  --mat-text-button-state-layer-color: #fa896b;\n  --mat-text-button-ripple-color: rgba(250, 137, 107, 0.1);\n}\n\n.mat-mdc-unelevated-button.mat-primary {\n  --mdc-filled-button-container-color: #5d87ff;\n  --mdc-filled-button-label-text-color: white;\n  --mat-filled-button-state-layer-color: white;\n  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);\n}\n.mat-mdc-unelevated-button.mat-accent {\n  --mdc-filled-button-container-color: #44b7f7;\n  --mdc-filled-button-label-text-color: white;\n  --mat-filled-button-state-layer-color: white;\n  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);\n}\n.mat-mdc-unelevated-button.mat-warn {\n  --mdc-filled-button-container-color: #fa896b;\n  --mdc-filled-button-label-text-color: white;\n  --mat-filled-button-state-layer-color: white;\n  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);\n}\n\n.mat-mdc-raised-button.mat-primary {\n  --mdc-protected-button-container-color: #5d87ff;\n  --mdc-protected-button-label-text-color: white;\n  --mat-protected-button-state-layer-color: white;\n  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);\n}\n.mat-mdc-raised-button.mat-accent {\n  --mdc-protected-button-container-color: #44b7f7;\n  --mdc-protected-button-label-text-color: white;\n  --mat-protected-button-state-layer-color: white;\n  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);\n}\n.mat-mdc-raised-button.mat-warn {\n  --mdc-protected-button-container-color: #fa896b;\n  --mdc-protected-button-label-text-color: white;\n  --mat-protected-button-state-layer-color: white;\n  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);\n}\n\n.mat-mdc-outlined-button.mat-primary {\n  --mdc-outlined-button-label-text-color: #5d87ff;\n  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);\n  --mat-outlined-button-state-layer-color: #5d87ff;\n  --mat-outlined-button-ripple-color: rgba(93, 135, 255, 0.1);\n}\n.mat-mdc-outlined-button.mat-accent {\n  --mdc-outlined-button-label-text-color: #44b7f7;\n  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);\n  --mat-outlined-button-state-layer-color: #44b7f7;\n  --mat-outlined-button-ripple-color: rgba(68, 183, 247, 0.1);\n}\n.mat-mdc-outlined-button.mat-warn {\n  --mdc-outlined-button-label-text-color: #fa896b;\n  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);\n  --mat-outlined-button-state-layer-color: #fa896b;\n  --mat-outlined-button-ripple-color: rgba(250, 137, 107, 0.1);\n}\n\nhtml {\n  --mdc-text-button-container-height: 36px;\n  --mdc-filled-button-container-height: 36px;\n  --mdc-protected-button-container-height: 36px;\n  --mdc-outlined-button-container-height: 36px;\n  --mat-text-button-touch-target-display: block;\n  --mat-filled-button-touch-target-display: block;\n  --mat-protected-button-touch-target-display: block;\n  --mat-outlined-button-touch-target-display: block;\n}\n\nhtml {\n  --mdc-text-button-label-text-font: Plus Jakarta Sans;\n  --mdc-text-button-label-text-size: 14px;\n  --mdc-text-button-label-text-tracking: normal;\n  --mdc-text-button-label-text-weight: 400;\n  --mdc-text-button-label-text-transform: none;\n  --mdc-filled-button-label-text-font: Plus Jakarta Sans;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-tracking: normal;\n  --mdc-filled-button-label-text-weight: 400;\n  --mdc-filled-button-label-text-transform: none;\n  --mdc-protected-button-label-text-font: Plus Jakarta Sans;\n  --mdc-protected-button-label-text-size: 14px;\n  --mdc-protected-button-label-text-tracking: normal;\n  --mdc-protected-button-label-text-weight: 400;\n  --mdc-protected-button-label-text-transform: none;\n  --mdc-outlined-button-label-text-font: Plus Jakarta Sans;\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-outlined-button-label-text-tracking: normal;\n  --mdc-outlined-button-label-text-weight: 400;\n  --mdc-outlined-button-label-text-transform: none;\n}\n\nhtml {\n  --mdc-icon-button-icon-size: 24px;\n}\n\nhtml {\n  --mdc-icon-button-icon-color: inherit;\n  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);\n  --mat-icon-button-state-layer-color: black;\n  --mat-icon-button-disabled-state-layer-color: black;\n  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-icon-button-hover-state-layer-opacity: 0.04;\n  --mat-icon-button-focus-state-layer-opacity: 0.12;\n  --mat-icon-button-pressed-state-layer-opacity: 0.12;\n}\nhtml .mat-mdc-icon-button.mat-primary {\n  --mdc-icon-button-icon-color: #5d87ff;\n  --mat-icon-button-state-layer-color: #5d87ff;\n  --mat-icon-button-ripple-color: rgba(93, 135, 255, 0.1);\n}\nhtml .mat-mdc-icon-button.mat-accent {\n  --mdc-icon-button-icon-color: #44b7f7;\n  --mat-icon-button-state-layer-color: #44b7f7;\n  --mat-icon-button-ripple-color: rgba(68, 183, 247, 0.1);\n}\nhtml .mat-mdc-icon-button.mat-warn {\n  --mdc-icon-button-icon-color: #fa896b;\n  --mat-icon-button-state-layer-color: #fa896b;\n  --mat-icon-button-ripple-color: rgba(250, 137, 107, 0.1);\n}\n\nhtml {\n  --mat-icon-button-touch-target-display: block;\n}\n\n.mat-mdc-icon-button.mat-mdc-button-base {\n  --mdc-icon-button-state-layer-size: 48px;\n  width: var(--mdc-icon-button-state-layer-size);\n  height: var(--mdc-icon-button-state-layer-size);\n  padding: 12px;\n}\n\nhtml {\n  --mdc-fab-container-shape: 50%;\n  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-fab-small-container-shape: 50%;\n  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-extended-fab-container-height: 48px;\n  --mdc-extended-fab-container-shape: 24px;\n  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mdc-fab-container-color: white;\n  --mat-fab-foreground-color: black;\n  --mat-fab-state-layer-color: black;\n  --mat-fab-disabled-state-layer-color: black;\n  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-fab-hover-state-layer-opacity: 0.04;\n  --mat-fab-focus-state-layer-opacity: 0.12;\n  --mat-fab-pressed-state-layer-opacity: 0.12;\n  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);\n  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);\n  --mdc-fab-small-container-color: white;\n  --mat-fab-small-foreground-color: black;\n  --mat-fab-small-state-layer-color: black;\n  --mat-fab-small-disabled-state-layer-color: black;\n  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);\n  --mat-fab-small-hover-state-layer-opacity: 0.04;\n  --mat-fab-small-focus-state-layer-opacity: 0.12;\n  --mat-fab-small-pressed-state-layer-opacity: 0.12;\n  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);\n  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);\n}\nhtml .mat-mdc-fab.mat-primary {\n  --mdc-fab-container-color: #5d87ff;\n  --mat-fab-foreground-color: white;\n  --mat-fab-state-layer-color: white;\n  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);\n}\nhtml .mat-mdc-fab.mat-accent {\n  --mdc-fab-container-color: #44b7f7;\n  --mat-fab-foreground-color: white;\n  --mat-fab-state-layer-color: white;\n  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);\n}\nhtml .mat-mdc-fab.mat-warn {\n  --mdc-fab-container-color: #fa896b;\n  --mat-fab-foreground-color: white;\n  --mat-fab-state-layer-color: white;\n  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);\n}\nhtml .mat-mdc-mini-fab.mat-primary {\n  --mdc-fab-small-container-color: #5d87ff;\n  --mat-fab-small-foreground-color: white;\n  --mat-fab-small-state-layer-color: white;\n  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);\n}\nhtml .mat-mdc-mini-fab.mat-accent {\n  --mdc-fab-small-container-color: #44b7f7;\n  --mat-fab-small-foreground-color: white;\n  --mat-fab-small-state-layer-color: white;\n  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);\n}\nhtml .mat-mdc-mini-fab.mat-warn {\n  --mdc-fab-small-container-color: #fa896b;\n  --mat-fab-small-foreground-color: white;\n  --mat-fab-small-state-layer-color: white;\n  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);\n}\n\nhtml {\n  --mat-fab-touch-target-display: block;\n  --mat-fab-small-touch-target-display: block;\n}\n\nhtml {\n  --mdc-extended-fab-label-text-font: Plus Jakarta Sans;\n  --mdc-extended-fab-label-text-size: 14px;\n  --mdc-extended-fab-label-text-tracking: normal;\n  --mdc-extended-fab-label-text-weight: 400;\n}\n\nhtml {\n  --mdc-snackbar-container-shape: 4px;\n}\n\nhtml {\n  --mdc-snackbar-container-color: #333333;\n  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);\n  --mat-snack-bar-button-color: #44b7f7;\n}\n\nhtml {\n  --mdc-snackbar-supporting-text-font: Plus Jakarta Sans;\n  --mdc-snackbar-supporting-text-line-height: 22px;\n  --mdc-snackbar-supporting-text-size: 16px;\n  --mdc-snackbar-supporting-text-weight: 400;\n}\n\nhtml {\n  --mat-table-row-item-outline-width: 1px;\n}\n\nhtml {\n  --mat-table-background-color: white;\n  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);\n  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);\n  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-table-header-container-height: 56px;\n  --mat-table-footer-container-height: 52px;\n  --mat-table-row-item-container-height: 52px;\n}\n\nhtml {\n  --mat-table-header-headline-font: Plus Jakarta Sans;\n  --mat-table-header-headline-line-height: 14px;\n  --mat-table-header-headline-size: 14px;\n  --mat-table-header-headline-weight: 400;\n  --mat-table-header-headline-tracking: normal;\n  --mat-table-row-item-label-text-font: Plus Jakarta Sans;\n  --mat-table-row-item-label-text-line-height: 22px;\n  --mat-table-row-item-label-text-size: 16px;\n  --mat-table-row-item-label-text-weight: 400;\n  --mat-table-row-item-label-text-tracking: normal;\n  --mat-table-footer-supporting-text-font: Plus Jakarta Sans;\n  --mat-table-footer-supporting-text-line-height: 22px;\n  --mat-table-footer-supporting-text-size: 16px;\n  --mat-table-footer-supporting-text-weight: 400;\n  --mat-table-footer-supporting-text-tracking: normal;\n}\n\nhtml {\n  --mdc-circular-progress-active-indicator-width: 4px;\n  --mdc-circular-progress-size: 48px;\n}\n\nhtml {\n  --mdc-circular-progress-active-indicator-color: #5d87ff;\n}\nhtml .mat-accent {\n  --mdc-circular-progress-active-indicator-color: #44b7f7;\n}\nhtml .mat-warn {\n  --mdc-circular-progress-active-indicator-color: #fa896b;\n}\n\nhtml {\n  --mat-badge-container-shape: 50%;\n  --mat-badge-container-size: unset;\n  --mat-badge-small-size-container-size: unset;\n  --mat-badge-large-size-container-size: unset;\n  --mat-badge-legacy-container-size: 22px;\n  --mat-badge-legacy-small-size-container-size: 16px;\n  --mat-badge-legacy-large-size-container-size: 28px;\n  --mat-badge-container-offset: -11px 0;\n  --mat-badge-small-size-container-offset: -8px 0;\n  --mat-badge-large-size-container-offset: -14px 0;\n  --mat-badge-container-overlap-offset: -11px;\n  --mat-badge-small-size-container-overlap-offset: -8px;\n  --mat-badge-large-size-container-overlap-offset: -14px;\n  --mat-badge-container-padding: 0;\n  --mat-badge-small-size-container-padding: 0;\n  --mat-badge-large-size-container-padding: 0;\n}\n\nhtml {\n  --mat-badge-background-color: #5d87ff;\n  --mat-badge-text-color: white;\n  --mat-badge-disabled-state-background-color: #b9b9b9;\n  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);\n}\n\n.mat-badge-accent {\n  --mat-badge-background-color: #44b7f7;\n  --mat-badge-text-color: white;\n}\n\n.mat-badge-warn {\n  --mat-badge-background-color: #fa896b;\n  --mat-badge-text-color: white;\n}\n\nhtml {\n  --mat-badge-text-font: Plus Jakarta Sans;\n  --mat-badge-line-height: 22px;\n  --mat-badge-text-size: 12px;\n  --mat-badge-text-weight: 600;\n  --mat-badge-small-size-text-size: 9px;\n  --mat-badge-small-size-line-height: 16px;\n  --mat-badge-large-size-text-size: 24px;\n  --mat-badge-large-size-line-height: 28px;\n}\n\nhtml {\n  --mat-bottom-sheet-container-shape: 4px;\n}\n\nhtml {\n  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);\n  --mat-bottom-sheet-container-background-color: white;\n}\n\nhtml {\n  --mat-bottom-sheet-container-text-font: Plus Jakarta Sans;\n  --mat-bottom-sheet-container-text-line-height: 22px;\n  --mat-bottom-sheet-container-text-size: 16px;\n  --mat-bottom-sheet-container-text-tracking: normal;\n  --mat-bottom-sheet-container-text-weight: 400;\n}\n\nhtml {\n  --mat-legacy-button-toggle-height: 36px;\n  --mat-legacy-button-toggle-shape: 2px;\n  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;\n  --mat-standard-button-toggle-shape: 4px;\n  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;\n  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;\n}\n\nhtml {\n  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);\n  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);\n  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);\n  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;\n  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);\n  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;\n  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;\n  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);\n  --mat-standard-button-toggle-background-color: white;\n  --mat-standard-button-toggle-state-layer-color: black;\n  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;\n  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);\n  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);\n  --mat-standard-button-toggle-disabled-state-background-color: white;\n  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);\n  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;\n  --mat-standard-button-toggle-divider-color: #e0e0e0;\n}\n\nhtml {\n  --mat-standard-button-toggle-height: 48px;\n}\n\nhtml {\n  --mat-legacy-button-toggle-label-text-font: Plus Jakarta Sans;\n  --mat-legacy-button-toggle-label-text-line-height: 20px;\n  --mat-legacy-button-toggle-label-text-size: 14px;\n  --mat-legacy-button-toggle-label-text-tracking: normal;\n  --mat-legacy-button-toggle-label-text-weight: 400;\n  --mat-standard-button-toggle-label-text-font: Plus Jakarta Sans;\n  --mat-standard-button-toggle-label-text-line-height: 20px;\n  --mat-standard-button-toggle-label-text-size: 14px;\n  --mat-standard-button-toggle-label-text-tracking: normal;\n  --mat-standard-button-toggle-label-text-weight: 400;\n}\n\nhtml {\n  --mat-datepicker-calendar-container-shape: 4px;\n  --mat-datepicker-calendar-container-touch-shape: 4px;\n  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-datepicker-calendar-date-selected-state-text-color: white;\n  --mat-datepicker-calendar-date-selected-state-background-color: #5d87ff;\n  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(93, 135, 255, 0.4);\n  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;\n  --mat-datepicker-calendar-date-focus-state-background-color: rgba(93, 135, 255, 0.3);\n  --mat-datepicker-calendar-date-hover-state-background-color: rgba(93, 135, 255, 0.3);\n  --mat-datepicker-toggle-active-state-icon-color: #5d87ff;\n  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(93, 135, 255, 0.2);\n  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);\n  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;\n  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;\n  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);\n  --mat-datepicker-calendar-period-button-text-color: black;\n  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);\n  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);\n  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);\n  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);\n  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);\n  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);\n  --mat-datepicker-calendar-date-outline-color: transparent;\n  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);\n  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);\n  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);\n  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);\n  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);\n  --mat-datepicker-calendar-container-background-color: white;\n  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);\n}\n\n.mat-datepicker-content.mat-accent {\n  --mat-datepicker-calendar-date-selected-state-text-color: white;\n  --mat-datepicker-calendar-date-selected-state-background-color: #44b7f7;\n  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(68, 183, 247, 0.4);\n  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;\n  --mat-datepicker-calendar-date-focus-state-background-color: rgba(68, 183, 247, 0.3);\n  --mat-datepicker-calendar-date-hover-state-background-color: rgba(68, 183, 247, 0.3);\n  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(68, 183, 247, 0.2);\n  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);\n  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;\n  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;\n}\n.mat-datepicker-content.mat-warn {\n  --mat-datepicker-calendar-date-selected-state-text-color: white;\n  --mat-datepicker-calendar-date-selected-state-background-color: #fa896b;\n  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(250, 137, 107, 0.4);\n  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;\n  --mat-datepicker-calendar-date-focus-state-background-color: rgba(250, 137, 107, 0.3);\n  --mat-datepicker-calendar-date-hover-state-background-color: rgba(250, 137, 107, 0.3);\n  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(250, 137, 107, 0.2);\n  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);\n  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;\n  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;\n}\n\n.mat-datepicker-toggle-active.mat-accent {\n  --mat-datepicker-toggle-active-state-icon-color: #44b7f7;\n}\n.mat-datepicker-toggle-active.mat-warn {\n  --mat-datepicker-toggle-active-state-icon-color: #fa896b;\n}\n\n.mat-calendar-controls {\n  --mat-icon-button-touch-target-display: none;\n}\n.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {\n  --mdc-icon-button-state-layer-size: 40px;\n  width: var(--mdc-icon-button-state-layer-size);\n  height: var(--mdc-icon-button-state-layer-size);\n  padding: 8px;\n}\n\nhtml {\n  --mat-datepicker-calendar-text-font: Plus Jakarta Sans;\n  --mat-datepicker-calendar-text-size: 13px;\n  --mat-datepicker-calendar-body-label-text-size: 14px;\n  --mat-datepicker-calendar-body-label-text-weight: 400;\n  --mat-datepicker-calendar-period-button-text-size: 14px;\n  --mat-datepicker-calendar-period-button-text-weight: 400;\n  --mat-datepicker-calendar-header-text-size: 11px;\n  --mat-datepicker-calendar-header-text-weight: 400;\n}\n\nhtml {\n  --mat-divider-width: 1px;\n}\n\nhtml {\n  --mat-divider-color: rgba(0, 0, 0, 0.12);\n}\n\nhtml {\n  --mat-expansion-container-shape: 4px;\n  --mat-expansion-legacy-header-indicator-display: inline-block;\n  --mat-expansion-header-indicator-display: none;\n}\n\nhtml {\n  --mat-expansion-container-background-color: white;\n  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);\n  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);\n  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);\n  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);\n  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);\n  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);\n}\n\nhtml {\n  --mat-expansion-header-collapsed-state-height: 48px;\n  --mat-expansion-header-expanded-state-height: 64px;\n}\n\nhtml {\n  --mat-expansion-header-text-font: Plus Jakarta Sans;\n  --mat-expansion-header-text-size: 14px;\n  --mat-expansion-header-text-weight: 400;\n  --mat-expansion-header-text-line-height: inherit;\n  --mat-expansion-header-text-tracking: inherit;\n  --mat-expansion-container-text-font: Plus Jakarta Sans;\n  --mat-expansion-container-text-line-height: 22px;\n  --mat-expansion-container-text-size: 16px;\n  --mat-expansion-container-text-tracking: normal;\n  --mat-expansion-container-text-weight: 400;\n}\n\nhtml {\n  --mat-grid-list-tile-header-primary-text-size: 16px;\n  --mat-grid-list-tile-header-secondary-text-size: 12px;\n  --mat-grid-list-tile-footer-primary-text-size: 16px;\n  --mat-grid-list-tile-footer-secondary-text-size: 12px;\n}\n\nhtml {\n  --mat-icon-color: inherit;\n}\n\n.mat-icon.mat-primary {\n  --mat-icon-color: #5d87ff;\n}\n.mat-icon.mat-accent {\n  --mat-icon-color: #44b7f7;\n}\n.mat-icon.mat-warn {\n  --mat-icon-color: #fa896b;\n}\n\nhtml {\n  --mat-sidenav-container-shape: 0;\n  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n  --mat-sidenav-container-width: auto;\n}\n\nhtml {\n  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);\n  --mat-sidenav-container-background-color: white;\n  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);\n  --mat-sidenav-content-background-color: #fafafa;\n  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);\n  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);\n}\n\nhtml {\n  --mat-stepper-header-icon-foreground-color: white;\n  --mat-stepper-header-selected-state-icon-background-color: #5d87ff;\n  --mat-stepper-header-selected-state-icon-foreground-color: white;\n  --mat-stepper-header-done-state-icon-background-color: #5d87ff;\n  --mat-stepper-header-done-state-icon-foreground-color: white;\n  --mat-stepper-header-edit-state-icon-background-color: #5d87ff;\n  --mat-stepper-header-edit-state-icon-foreground-color: white;\n  --mat-stepper-container-color: white;\n  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);\n  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);\n  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);\n  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);\n  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);\n  --mat-stepper-header-error-state-label-text-color: #fa896b;\n  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);\n  --mat-stepper-header-error-state-icon-foreground-color: #fa896b;\n  --mat-stepper-header-error-state-icon-background-color: transparent;\n}\nhtml .mat-step-header.mat-accent {\n  --mat-stepper-header-icon-foreground-color: white;\n  --mat-stepper-header-selected-state-icon-background-color: #44b7f7;\n  --mat-stepper-header-selected-state-icon-foreground-color: white;\n  --mat-stepper-header-done-state-icon-background-color: #44b7f7;\n  --mat-stepper-header-done-state-icon-foreground-color: white;\n  --mat-stepper-header-edit-state-icon-background-color: #44b7f7;\n  --mat-stepper-header-edit-state-icon-foreground-color: white;\n}\nhtml .mat-step-header.mat-warn {\n  --mat-stepper-header-icon-foreground-color: white;\n  --mat-stepper-header-selected-state-icon-background-color: #fa896b;\n  --mat-stepper-header-selected-state-icon-foreground-color: white;\n  --mat-stepper-header-done-state-icon-background-color: #fa896b;\n  --mat-stepper-header-done-state-icon-foreground-color: white;\n  --mat-stepper-header-edit-state-icon-background-color: #fa896b;\n  --mat-stepper-header-edit-state-icon-foreground-color: white;\n}\n\nhtml {\n  --mat-stepper-header-height: 72px;\n}\n\nhtml {\n  --mat-stepper-container-text-font: Plus Jakarta Sans;\n  --mat-stepper-header-label-text-font: Plus Jakarta Sans;\n  --mat-stepper-header-label-text-size: 16px;\n  --mat-stepper-header-label-text-weight: 400;\n  --mat-stepper-header-error-state-label-text-size: 14px;\n  --mat-stepper-header-selected-state-label-text-size: 14px;\n  --mat-stepper-header-selected-state-label-text-weight: 400;\n}\n\nhtml {\n  --mat-sort-arrow-color: #757575;\n}\n\nhtml {\n  --mat-toolbar-container-background-color: whitesmoke;\n  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);\n}\n\n.mat-toolbar.mat-primary {\n  --mat-toolbar-container-background-color: #5d87ff;\n  --mat-toolbar-container-text-color: white;\n}\n.mat-toolbar.mat-accent {\n  --mat-toolbar-container-background-color: #44b7f7;\n  --mat-toolbar-container-text-color: white;\n}\n.mat-toolbar.mat-warn {\n  --mat-toolbar-container-background-color: #fa896b;\n  --mat-toolbar-container-text-color: white;\n}\n\nhtml {\n  --mat-toolbar-standard-height: 64px;\n  --mat-toolbar-mobile-height: 56px;\n}\n\nhtml {\n  --mat-toolbar-title-text-font: Plus Jakarta Sans;\n  --mat-toolbar-title-text-line-height: 26px;\n  --mat-toolbar-title-text-size: 18px;\n  --mat-toolbar-title-text-tracking: normal;\n  --mat-toolbar-title-text-weight: 600;\n}\n\nhtml {\n  --mat-tree-container-background-color: white;\n  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);\n}\n\nhtml {\n  --mat-tree-node-min-height: 48px;\n}\n\nhtml {\n  --mat-tree-node-text-font: Plus Jakarta Sans;\n  --mat-tree-node-text-size: 16px;\n  --mat-tree-node-text-weight: 400;\n}\n\n/*# sourceMappingURL=theme.css.map */\n";
+export default _default;

package/lib/theme-injector.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ThemeInjectorService {
+    private document;
+    constructor(document: Document);
+    private injectTheme;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeInjectorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeInjectorService>;
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@qbs-origin/origin-form",
+  "version": "0.5.0",
+  "peerDependencies": {
+    "@angular/cdk": "^18.1.5",
+    "@angular/common": "^18.2.13",
+    "@angular/core": "^18.2.13",
+    "@angular/forms": "^18.2.13",
+    "@angular/material": "^18.2.14",
+    "@ngx-formly/core": "^6.3.12",
+    "@ngx-formly/material": "^6.3.12",
+    "@ngx-translate/core": "^15.0.0",
+    "@ngx-translate/http-loader": "^8.0.0",
+    "@microsoft/signalr": "^8.0.0",
+    "file-saver": "^2.0.5",
+    "lodash": "^4.17.21",
+    "ng2-pdf-viewer": "^10.4.0",
+    "ngx-markdown": "^18.1.0",
+    "ngx-scrollbar": "^14.0.0",
+    "sign-lib": "^2.1.19",
+    "ts-md5": "^1.3.1",
+    "uuid": "^11.1.0"
+  },
+  "schematics": "./schematics-compiled/collection.json",
+  "sideEffects": false,
+  "module": "fesm2022/qbs-origin-origin-form.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/qbs-origin-origin-form.mjs",
+      "esm": "./esm2022/qbs-origin-origin-form.mjs",
+      "default": "./fesm2022/qbs-origin-origin-form.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.8.1"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/origin-form.module';
+export * from './lib/origin-form.component';
+export * from './lib/origin-form-config.model';

package/schematics-compiled/collection.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Adds origin-form to your project and installs peer dependencies.",
+      "factory": "./ng-add/index#ngAdd",
+      "schema": "./ng-add/schema.json"
+    }
+  }
+} 

package/schematics-compiled/ng-add/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export declare function ngAdd(): Rule;

package/schematics-compiled/ng-add/index.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = void 0;
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const dependencies_1 = require("@schematics/angular/utility/dependencies");
+function readHostPackageJson(tree) {
+    const pkgJsonPath = '/package.json';
+    if (!tree.exists(pkgJsonPath)) {
+        throw new Error('Cannot find package.json in the host project. Make sure you are running this schematic in an Angular project root.');
+    }
+    const buffer = tree.read(pkgJsonPath);
+    if (!buffer) {
+        throw new Error('Cannot read package.json from the host project.');
+    }
+    return JSON.parse(buffer.toString('utf-8'));
+}
+function ngAdd() {
+    return (tree, context) => {
+        context.logger.info('Adding peer dependencies for origin-form...');
+        const peerDependencies = [
+            { type: dependencies_1.NodeDependencyType.Default, name: '@angular/cdk', version: '^18.1.5' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@angular/common', version: '^18.2.13' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@angular/core', version: '^18.2.13' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@angular/forms', version: '^18.2.13' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@angular/material', version: '^18.2.14' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@ngx-formly/core', version: '^6.3.12' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@ngx-formly/material', version: '^6.3.12' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@ngx-translate/core', version: '^15.0.0' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@ngx-translate/http-loader', version: '^8.0.0' },
+            { type: dependencies_1.NodeDependencyType.Default, name: '@microsoft/signalr', version: '^8.0.0' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'file-saver', version: '^2.0.5' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'lodash', version: '^4.17.21' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'ng2-pdf-viewer', version: '^10.4.0' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'ngx-markdown', version: '^18.1.0' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'ngx-scrollbar', version: '^14.0.0' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'sign-lib', version: '^2.1.19' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'ts-md5', version: '^1.3.1' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'tslib', version: '^2.8.1' },
+            { type: dependencies_1.NodeDependencyType.Default, name: 'uuid', version: '^11.1.0' },
+        ];
+        const hostPackageJson = readHostPackageJson(tree);
+        peerDependencies.forEach(dependency => {
+            let alreadyPresent = false;
+            if (hostPackageJson.dependencies && hostPackageJson.dependencies[dependency.name]) {
+                alreadyPresent = true;
+            }
+            if (!alreadyPresent && hostPackageJson.devDependencies && hostPackageJson.devDependencies[dependency.name]) {
+                alreadyPresent = true;
+            }
+            if (!alreadyPresent && hostPackageJson.peerDependencies && hostPackageJson.peerDependencies[dependency.name]) {
+                alreadyPresent = true;
+            }
+            if (!alreadyPresent) {
+                (0, dependencies_1.addPackageJsonDependency)(tree, dependency);
+                context.logger.info(`Added ${dependency.name}@${dependency.version} to host project's package.json.`);
+            }
+            else {
+                context.logger.info(`Dependency ${dependency.name} (or a version of it) already exists in host project's package.json. Skipping addition.`);
+            }
+        });
+        context.addTask(new tasks_1.NodePackageInstallTask());
+        context.logger.info('✅️ Peer dependencies processed. Installation task scheduled.');
+        return tree;
+    };
+}
+exports.ngAdd = ngAdd;
+//# sourceMappingURL=index.js.map

package/schematics-compiled/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/origin-form/schematics/ng-add/index.ts"],"names":[],"mappings":";;;AACA,4DAA0E;AAC1E,2EAIkD;AAElD,SAAS,mBAAmB,CAAC,IAAU;IACrC,MAAM,WAAW,GAAG,eAAe,CAAC;IACpC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,oHAAoH,CAAC,CAAC;IACxI,CAAC;IACD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,SAAgB,KAAK;IACnB,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC/C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;QAEnE,MAAM,gBAAgB,GAAqB;YACzC,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9E,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,EAAE;YAClF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,UAAU,EAAE;YAChF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,UAAU,EAAE;YACjF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE;YACpF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,SAAS,EAAE;YAClF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,SAAS,EAAE;YACtF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,SAAS,EAAE;YACrF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,4BAA4B,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3F,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,QAAQ,EAAE;YACnF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3E,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;YACzE,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,EAAE;YAChF,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9E,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE;YAC/E,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE;YAC1E,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;YACvE,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;YACtE,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;SACvE,CAAC;QAEF,MAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAElD,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YACpC,IAAI,cAAc,GAAG,KAAK,CAAC;YAC3B,IAAI,eAAe,CAAC,YAAY,IAAI,eAAe,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClF,cAAc,GAAG,IAAI,CAAC;YACxB,CAAC;YACD,IAAI,CAAC,cAAc,IAAI,eAAe,CAAC,eAAe,IAAI,eAAe,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC3G,cAAc,GAAG,IAAI,CAAC;YACxB,CAAC;YACD,IAAI,CAAC,cAAc,IAAI,eAAe,CAAC,gBAAgB,IAAI,eAAe,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7G,cAAc,GAAG,IAAI,CAAC;YACxB,CAAC;YAED,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,IAAA,uCAAwB,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;gBAC3C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;YACxG,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,UAAU,CAAC,IAAI,yFAAyF,CAAC,CAAC;YAC9I,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;QAC9C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,8DAA8D,CAAC,CAAC;QAEpF,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AArDD,sBAqDC"}