carriera-intern 1.1.103 → 1.1.105

package/fesm2022/carriera-intern.mjs

@@ -1,17 +1,16 @@
 import * as i1 from '@angular/forms';
 import { Validators, FormsModule, FormControl, ReactiveFormsModule, NgControl, FormGroup } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { Pipe, input, output, signal, effect, Optional, Self, Component, HostListener, Directive, EventEmitter, Output, Input, computed, ViewChild, Injectable, inject, Inject, forwardRef, ViewContainerRef, DestroyRef, Injector, ElementRef, Renderer2, NgZone, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';
+import { Pipe, input, output, signal, effect, Optional, Self, Component, HostListener, Directive, EventEmitter, Output, Input, computed, ViewChild, Injectable, inject, DestroyRef, viewChild, afterRenderEffect, ChangeDetectionStrategy, Inject, forwardRef, ViewContainerRef, Injector, ElementRef, Renderer2, NgZone, ChangeDetectorRef } from '@angular/core';
 import * as i2 from '@ng-bootstrap/ng-bootstrap';
 import { NgbPopover, NgbTooltipModule, NgbDropdownModule, NgbTooltip, NgbPopoverModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i1$2 from 'angular-svg-icon';
 import { SvgIconComponent, AngularSvgIconModule } from 'angular-svg-icon';
-import * as i2$1 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import { base64ToFile, ImageCropperComponent } from 'ngx-image-cropper';
 import { LottieComponent } from 'ngx-lottie';
 import * as pdfjsLib from 'pdfjs-dist/legacy/build/pdf.mjs';
-import * as i1$1 from '@angular/platform-browser';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import moment from 'moment';
 import { Subject, takeUntil, distinctUntilChanged as distinctUntilChanged$1, tap, filter, debounceTime, switchMap, of, catchError } from 'rxjs';
@@ -4391,7 +4390,7 @@ class DocumentPreviewComponent {
                 //Components
                 SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: InputComponent, selector: "cai-input", inputs: ["id", "config", "options", "preselectedOptions", "isLoading", "hideValidation", "showNoResults", "preselectedUnit", "unassignedCount", "forceInvalidStyling"], outputs: ["onBlur", "onFocused", "onReset", "onValueChange", "onOptionAdded", "onAdd", "onSelectionChange", "onSelectedObject", "onSelectedGroup", "onClear", "onAutofill", "onScrolledToBottom", "onScrolledToBottomGroup", "onSearch", "onValueAdded", "onRemove", "onHoverRemove"] }, { kind: "ngmodule", type: 
                 //Forms
-                ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: 
+                ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: 
                 //Bootstrap
                 NgbPopoverModule }, { kind: "directive", type: i2.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: 
                 //Pipes
@@ -4439,6 +4438,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 type: Output
             }], file: [{ type: i0.Input, args: [{ isSignal: true, alias: "file", required: true }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: true }] }], onDelete: [{ type: i0.Output, args: ["onDelete"] }], onDownload: [{ type: i0.Output, args: ["onDownload"] }], onTagChange: [{ type: i0.Output, args: ["onTagChange"] }] } });
 
+const DEFAULT_CROP_ZOOM = 5.8;
+
 var DualDropTarget;
 (function (DualDropTarget) {
     DualDropTarget["LEFT"] = "left";
@@ -4460,6 +4461,25 @@ const DEFAULT_DUAL_DROP_ZONES = {
     },
 };
 
+var DropZoneVariant;
+(function (DropZoneVariant) {
+    DropZoneVariant["DOCUMENT"] = "document";
+    DropZoneVariant["VIDEO"] = "video";
+    DropZoneVariant["PROFILE"] = "profile";
+    DropZoneVariant["COVER"] = "cover";
+    DropZoneVariant["LOGO"] = "logo";
+})(DropZoneVariant || (DropZoneVariant = {}));
+
+const IMAGE_PREVIEW_VARIANTS = new Set([
+    DropZoneVariant.PROFILE,
+    DropZoneVariant.COVER,
+    DropZoneVariant.LOGO,
+]);
+const DOCS_OR_VIDEO_VARIANTS = new Set([
+    DropZoneVariant.DOCUMENT,
+    DropZoneVariant.VIDEO,
+]);
+
 const DUAL_DROP_TARGETS = [
     DualDropTarget.LEFT,
     DualDropTarget.RIGHT,
@@ -4642,15 +4662,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }]
         }] });
 
-var DropZoneVariant;
-(function (DropZoneVariant) {
-    DropZoneVariant["DOCUMENT"] = "document";
-    DropZoneVariant["VIDEO"] = "video";
-    DropZoneVariant["PROFILE"] = "profile";
-    DropZoneVariant["COVER"] = "cover";
-    DropZoneVariant["LOGO"] = "logo";
-})(DropZoneVariant || (DropZoneVariant = {}));
-
 class DragModeAnimationPipe {
     animationPaths = {
         [DropZoneVariant.DOCUMENT]: '/assets/carriera-intern/animations/animation-document-update.json',
@@ -4830,176 +4841,187 @@ class DropZoneSnapbackHelper {
  * selected files in a carousel.
  */
 class DropZoneComponent {
-    sanitizer;
+    // Injectables
+    documentService = inject(DocumentService);
+    destroyRef = inject(DestroyRef);
+    // View Queries
+    containerRef = viewChild('containerRef', ...(ngDevMode ? [{ debugName: "containerRef" }] : []));
+    cropper = viewChild('cropper', ...(ngDevMode ? [{ debugName: "cropper" }] : []));
+    docsViewport = viewChild('docsViewport', ...(ngDevMode ? [{ debugName: "docsViewport" }] : []));
+    dropZoneContainer = viewChild('dropZoneContainer', ...(ngDevMode ? [{ debugName: "dropZoneContainer" }] : []));
+    inputRange = viewChild('inputRange', ...(ngDevMode ? [{ debugName: "inputRange" }] : []));
+    inputRef = viewChild('inputRef', ...(ngDevMode ? [{ debugName: "inputRef" }] : []));
+    // Inputs
+    avatarColor = input('Blue', ...(ngDevMode ? [{ debugName: "avatarColor" }] : []));
+    crop = input(false, ...(ngDevMode ? [{ debugName: "crop" }] : []));
+    deletedFileIds = input([], ...(ngDevMode ? [{ debugName: "deletedFileIds" }] : []));
+    documentsDropZoneOpen = input(false, ...(ngDevMode ? [{ debugName: "documentsDropZoneOpen" }] : []));
+    documentTags = input([], ...(ngDevMode ? [{ debugName: "documentTags" }] : []));
+    dualDropZones = input(DEFAULT_DUAL_DROP_ZONES, ...(ngDevMode ? [{ debugName: "dualDropZones" }] : []));
+    excludedFileTypes = input([], ...(ngDevMode ? [{ debugName: "excludedFileTypes" }] : []));
+    files = input(null, ...(ngDevMode ? [{ debugName: "files" }] : []));
+    fileTypes = input([
+        'pdf',
+        'png',
+        'jpg',
+        'jpeg',
+        'gif',
+        'avi',
+        'mov',
+        'mp4',
+    ], ...(ngDevMode ? [{ debugName: "fileTypes" }] : []));
+    isCoverDetails = input(false, ...(ngDevMode ? [{ debugName: "isCoverDetails" }] : []));
+    isDetailsSlider = input(false, ...(ngDevMode ? [{ debugName: "isDetailsSlider" }] : []));
+    isDocumentsMode = input(false, ...(ngDevMode ? [{ debugName: "isDocumentsMode" }] : []));
+    isDrawerMode = input(false, ...(ngDevMode ? [{ debugName: "isDrawerMode" }] : []));
+    isDualDropZone = input(false, ...(ngDevMode ? [{ debugName: "isDualDropZone" }] : []));
+    maxCountFiles = input(1, ...(ngDevMode ? [{ debugName: "maxCountFiles" }] : []));
+    maxFileSize = input(100, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : [])); //MB
+    parentForm = input(null, ...(ngDevMode ? [{ debugName: "parentForm" }] : []));
+    rounded = input(false, ...(ngDevMode ? [{ debugName: "rounded" }] : []));
+    searchText = input(null, ...(ngDevMode ? [{ debugName: "searchText" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    variant = input(DropZoneVariant.DOCUMENT, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    // Outputs
+    onCropPendingChange = output();
+    onDeletedFileIds = output();
+    onDocsChange = output();
+    onDocumentDropZoneOpenChange = output();
+    onDocumentFileNameChange = output();
+    onDocumentPreviewClick = output();
+    onDualDropChange = output();
     // Signals
-    zoomValue = signal(5.8, ...(ngDevMode ? [{ debugName: "zoomValue" }] : []));
-    smallView = signal(false, ...(ngDevMode ? [{ debugName: "smallView" }] : []));
-    cropHeight = signal(0, ...(ngDevMode ? [{ debugName: "cropHeight" }] : []));
-    cropWidth = signal(0, ...(ngDevMode ? [{ debugName: "cropWidth" }] : []));
-    showCropper = signal(false, ...(ngDevMode ? [{ debugName: "showCropper" }] : []));
-    isCropperReady = signal(false, ...(ngDevMode ? [{ debugName: "isCropperReady" }] : []));
     deletedDocs = signal([], ...(ngDevMode ? [{ debugName: "deletedDocs" }] : []));
-    dragMode = signal(false, ...(ngDevMode ? [{ debugName: "dragMode" }] : []));
-    onDragover = signal(false, ...(ngDevMode ? [{ debugName: "onDragover" }] : []));
+    drawerViewportWidth = signal(0, ...(ngDevMode ? [{ debugName: "drawerViewportWidth" }] : []));
     activeDualTarget = signal(null, ...(ngDevMode ? [{ debugName: "activeDualTarget" }] : []));
+    carouselIndex = signal(0, ...(ngDevMode ? [{ debugName: "carouselIndex" }] : []));
+    coverUrl = signal('', ...(ngDevMode ? [{ debugName: "coverUrl" }] : []));
+    dragMode = signal(false, ...(ngDevMode ? [{ debugName: "dragMode" }] : []));
+    dropzoneDimensionsLock = signal({
+        width: 0,
+        height: 0,
+    }, ...(ngDevMode ? [{ debugName: "dropzoneDimensionsLock" }] : []));
+    imageChangedEvent = signal(null, ...(ngDevMode ? [{ debugName: "imageChangedEvent" }] : []));
     invalidFileSize = signal(false, ...(ngDevMode ? [{ debugName: "invalidFileSize" }] : []));
+    isCropperReady = signal(false, ...(ngDevMode ? [{ debugName: "isCropperReady" }] : []));
     isLoadingSkeleton = signal(true, ...(ngDevMode ? [{ debugName: "isLoadingSkeleton" }] : []));
-    skeletonCount = signal(0, ...(ngDevMode ? [{ debugName: "skeletonCount" }] : []));
+    isSnapbackAnimating = signal(false, ...(ngDevMode ? [{ debugName: "isSnapbackAnimating" }] : []));
     maxCountReached = signal(false, ...(ngDevMode ? [{ debugName: "maxCountReached" }] : []));
-    carouselIndex = signal(0, ...(ngDevMode ? [{ debugName: "carouselIndex" }] : []));
     maxDetailsAspectRatio = signal(null, ...(ngDevMode ? [{ debugName: "maxDetailsAspectRatio" }] : []));
-    isSnapbackAnimating = signal(false, ...(ngDevMode ? [{ debugName: "isSnapbackAnimating" }] : []));
-    driver = computed(() => ({
-        id: 0,
-        firstName: '',
-        lastName: '',
-        avatarFile: null,
-        avatarColor: this.avatarColor(),
-    }), ...(ngDevMode ? [{ debugName: "driver" }] : []));
-    transform = {
-        scale: this.zoomValue(),
+    onDragover = signal(false, ...(ngDevMode ? [{ debugName: "onDragover" }] : []));
+    profileUrl = signal('', ...(ngDevMode ? [{ debugName: "profileUrl" }] : []));
+    showCropper = signal(false, ...(ngDevMode ? [{ debugName: "showCropper" }] : []));
+    skeletonCount = signal(0, ...(ngDevMode ? [{ debugName: "skeletonCount" }] : []));
+    smallView = signal(false, ...(ngDevMode ? [{ debugName: "smallView" }] : []));
+    transform = signal({
+        scale: DEFAULT_CROP_ZOOM,
         translateH: 0,
         translateV: 0,
         translateUnit: 'px',
-    };
-    imageChangedEvent = null;
-    croppedImage = '';
-    originalImageWidth = 0;
-    originalImageHeight = 0;
-    cropperResultFile = null;
+    }, ...(ngDevMode ? [{ debugName: "transform" }] : []));
+    unsupported = signal(false, ...(ngDevMode ? [{ debugName: "unsupported" }] : []));
+    zoomValue = signal(DEFAULT_CROP_ZOOM, ...(ngDevMode ? [{ debugName: "zoomValue" }] : []));
+    docs = signal([], ...(ngDevMode ? [{ debugName: "docs" }] : []));
+    logoUrl = signal('', ...(ngDevMode ? [{ debugName: "logoUrl" }] : []));
+    // Cropper State
     cropperPreviewUrl = null;
+    cropperResultFile = null;
+    // State
+    dropZoneSizeLockState = DropZoneSizeLockHelper.createState();
     snapbackState = DropZoneSnapbackHelper.createState();
-    lottieAnimation = null;
-    dualLottieAnimations = {};
+    drawerEl = null;
+    drawerRo = null;
     dualDropRect = null;
+    dualLottieAnimations = {};
+    lottieAnimation = null;
     temporaryImageFile = null;
-    drawerViewportWidth = signal(0, ...(ngDevMode ? [{ debugName: "drawerViewportWidth" }] : []));
-    dropzoneDimensionsLock = signal({
-        width: 0,
-        height: 0,
-    }, ...(ngDevMode ? [{ debugName: "dropzoneDimensionsLock" }] : []));
-    dropZoneSizeLockState = DropZoneSizeLockHelper.createState();
-    containerRefEl = null;
-    drawerRo = null;
-    drawerEl = null;
-    // Inputs
-    crop = input(false, ...(ngDevMode ? [{ debugName: "crop" }] : []));
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
-    rounded = input(false, ...(ngDevMode ? [{ debugName: "rounded" }] : []));
-    deletedFileIds = input([], ...(ngDevMode ? [{ debugName: "deletedFileIds" }] : []));
-    maxCountFiles = input(1, ...(ngDevMode ? [{ debugName: "maxCountFiles" }] : []));
-    isDetailsSlider = input(false, ...(ngDevMode ? [{ debugName: "isDetailsSlider" }] : []));
-    isDrawerMode = input(false, ...(ngDevMode ? [{ debugName: "isDrawerMode" }] : []));
-    isCoverDetails = input(false, ...(ngDevMode ? [{ debugName: "isCoverDetails" }] : []));
-    maxFileSize = input(100, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : [])); //MB
-    isDocumentsMode = input(false, ...(ngDevMode ? [{ debugName: "isDocumentsMode" }] : []));
-    documentsDropZoneOpen = input(false, ...(ngDevMode ? [{ debugName: "documentsDropZoneOpen" }] : []));
-    searchText = input(null, ...(ngDevMode ? [{ debugName: "searchText" }] : []));
-    avatarColor = input('Blue', ...(ngDevMode ? [{ debugName: "avatarColor" }] : []));
-    isDualDropZone = input(false, ...(ngDevMode ? [{ debugName: "isDualDropZone" }] : []));
-    dualDropZones = input(DEFAULT_DUAL_DROP_ZONES, ...(ngDevMode ? [{ debugName: "dualDropZones" }] : []));
-    files = null;
-    //enums
+    // Enums
     dropZoneVariant = DropZoneVariant;
     dualDropTarget = DualDropTarget;
+    // Constants
     dualTargets = DUAL_DROP_TARGETS;
-    isDualDragActive = computed(() => this.isDualDropZone() && this.dragMode(), ...(ngDevMode ? [{ debugName: "isDualDragActive" }] : []));
-    //outputs
-    onDeletedFileIds = new EventEmitter();
-    onDocsChange = new EventEmitter();
-    onDocumentPreviewClick = new EventEmitter();
-    onDocumentFileNameChange = new EventEmitter();
-    onCropPendingChange = new EventEmitter();
-    onDocumentDropZoneOpenChange = new EventEmitter();
-    onDualDropChange = output();
-    //views
-    cropper;
-    inputRange;
-    set containerElementRef(ref) {
-        this.containerRefEl = ref?.nativeElement ?? null;
-        this.syncDropZoneSizeLock();
-    }
-    dropZoneContainer;
-    docsViewport;
-    //variables
-    coverUrl = '';
-    profileUrl = '';
-    logoUrl = '';
-    categoryTag = null;
+    // Variables
     docsRatios = new Map();
+    categoryTag = null;
     clientFileId = 0;
-    // helpers
-    DropZoneDocumentsHelper = DropZoneDocumentsHelper;
-    /**
-     * A input that holds an FormGroup object that is used to update the form validity when the crop mode is closed.
-     */
-    parentForm = input(null, ...(ngDevMode ? [{ debugName: "parentForm" }] : []));
-    /**
-      * A signal that holds an array of `AppFile` objects representing the files
-      * that have been selected or dropped by the user.
-   
-      */
-    variant = input(this.dropZoneVariant.DOCUMENT, ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    /**
-     * Input that holds an array of `DocumentTag` objects representing the tags for the documents.
-     */
-    documentTags = input([], ...(ngDevMode ? [{ debugName: "documentTags" }] : []));
-    /**
-     * Injects the DocumentService for file processing tasks like
-     * thumbnail generation and PDF page counting.
-     * @private
-     */
-    documentService = inject(DocumentService);
-    /**
-     * An array of file extensions that should be excluded from the supported list.
-     * @defaultValue `[]` (an empty array)
-     * @type {FileExtension[]}
-     */
-    excludedFileTypes = input([], ...(ngDevMode ? [{ debugName: "excludedFileTypes" }] : []));
-    /**
-     * The base array of all file extensions that are generally allowed.
-     * Supported file types will be derived from this list, after excluding
-     * any types specified in `excludedFileTypes`.
-     *
-     * @defaultValue `['avi', 'mov', 'mp4', 'pdf', 'gif', 'png', 'jpg', 'jpeg']`
-     * @type {FileExtension[]}
-     */
-    fileTypes = input([
-        'pdf',
-        'png',
-        'jpg',
-        'jpeg',
-        'gif',
-        'avi',
-        'mov',
-        'mp4',
-    ], ...(ngDevMode ? [{ debugName: "fileTypes" }] : []));
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    ngOnInit() {
-        this.cropDimensions();
-    }
-    ngOnChanges(changes) {
-        if (changes['files']) {
-            const newFiles = changes['files'].currentValue;
+    // Computed Signals
+    cropDimensions = computed(() => {
+        const rounded = this.rounded();
+        const map = {
+            [DropZoneVariant.PROFILE]: { width: rounded ? 178 : 160, height: 178 },
+            [DropZoneVariant.LOGO]: { width: 628, height: 214 },
+            [DropZoneVariant.COVER]: { width: 267, height: 178 },
+        };
+        return map[this.variant()] ?? { width: 0, height: 0 };
+    }, ...(ngDevMode ? [{ debugName: "cropDimensions" }] : []));
+    driver = computed(() => ({
+        id: 0,
+        firstName: '',
+        lastName: '',
+        avatarFile: null,
+        avatarColor: this.avatarColor(),
+    }), ...(ngDevMode ? [{ debugName: "driver" }] : []));
+    isDualDragActive = computed(() => this.isDualDropZone() && this.dragMode(), ...(ngDevMode ? [{ debugName: "isDualDragActive" }] : []));
+    supportedFileTypes = computed(() => this.fileTypes().filter((type) => !this.excludedFileTypes().includes(type)), ...(ngDevMode ? [{ debugName: "supportedFileTypes" }] : []));
+    skeletonItems = computed(() => Array.from({ length: this.skeletonCount() }), ...(ngDevMode ? [{ debugName: "skeletonItems" }] : []));
+    carouselTransform = computed(() => {
+        if (this.isDocumentsMode())
+            return 'translateX(0)';
+        if (this.isDetailsSlider())
+            return `translateX(${this.carouselIndex() * -100}%)`;
+        if (this.isDrawerMode()) {
+            const cardWidthWithGap = 198; // 194px width + 4px gap
+            const containerWidth = this.drawerViewportWidth();
+            const contentWidth = this.docs().length * cardWidthWithGap;
+            if (containerWidth <= 0 || contentWidth <= containerWidth)
+                return 'translateX(0)';
+            const maxTranslate = containerWidth - contentWidth;
+            const desiredTranslate = cardWidthWithGap * this.carouselIndex() * -1;
+            return `translateX(${Math.max(desiredTranslate, maxTranslate)}px)`;
+        }
+        const gap = this.size() === '480px' ? 6 : 8;
+        return `translateX(${(148 + gap) * this.carouselIndex() * -1}px)`;
+    }, ...(ngDevMode ? [{ debugName: "carouselTransform" }] : []));
+    cropWidth = computed(() => this.cropDimensions().width, ...(ngDevMode ? [{ debugName: "cropWidth" }] : []));
+    cropHeight = computed(() => this.cropDimensions().height, ...(ngDevMode ? [{ debugName: "cropHeight" }] : []));
+    cropAspectRatio = computed(() => {
+        const width = this.cropWidth();
+        const height = this.cropHeight();
+        return width && height ? width / height : 1;
+    }, ...(ngDevMode ? [{ debugName: "cropAspectRatio" }] : []));
+    carouselVisibleCount = computed(() => {
+        if (this.isDetailsSlider())
+            return 1;
+        if (this.isDrawerMode()) {
+            const width = this.drawerViewportWidth();
+            return width <= 0 ? 1 : Math.max(1, Math.floor((width + 4) / 198));
+        }
+        return this.size() === '480px' ? 2 : 3;
+    }, ...(ngDevMode ? [{ debugName: "carouselVisibleCount" }] : []));
+    isCarouselAtEnd = computed(() => {
+        const maxIndex = Math.max(0, this.docs().length - this.carouselVisibleCount());
+        return this.carouselIndex() >= maxIndex;
+    }, ...(ngDevMode ? [{ debugName: "isCarouselAtEnd" }] : []));
+    constructor() {
+        this.destroyRef.onDestroy(() => {
+            this.clearCropperPreviewUrl();
+            DropZoneSnapbackHelper.destroy(this.snapbackState);
+            this.clearDrawerRo();
+            DropZoneSizeLockHelper.destroy(this.dropZoneSizeLockState);
+        });
+        effect(() => {
+            const newFiles = this.files();
             if (newFiles?.length) {
                 this.populateDocs(newFiles);
             }
-        }
-    }
-    ngOnDestroy() {
-        this.clearCropperPreviewUrl();
-        DropZoneSnapbackHelper.destroy(this.snapbackState);
-        this.clearDrawerRo();
-        DropZoneSizeLockHelper.destroy(this.dropZoneSizeLockState);
-    }
-    ngAfterViewChecked() {
-        this.setDrawerRo();
-        this.syncDropZoneSizeLock();
+        });
+        afterRenderEffect(() => {
+            this.setDrawerRo();
+            this.syncDropZoneSizeLock();
+        });
     }
     syncDropZoneSizeLock() {
-        DropZoneSizeLockHelper.watch(this.dropZoneSizeLockState, this.isDrawerMode() ? null : this.containerRefEl, (size) => this.dropzoneDimensionsLock.set(size));
+        DropZoneSizeLockHelper.watch(this.dropZoneSizeLockState, this.isDrawerMode() ? null : (this.containerRef()?.nativeElement ?? null), (size) => this.dropzoneDimensionsLock.set(size));
     }
     clampDrawerIndex() {
         const maxStart = Math.max(0, this.docs().length - this.carouselVisibleCount());
@@ -5012,7 +5034,7 @@ class DropZoneComponent {
             this.drawerEl = null;
             return;
         }
-        const el = this.docsViewport?.nativeElement;
+        const el = this.docsViewport()?.nativeElement;
         if (!el) {
             this.drawerEl = null;
             return;
@@ -5022,7 +5044,7 @@ class DropZoneComponent {
             this.drawerViewportWidth.set(el.getBoundingClientRect().width);
             this.clampDrawerIndex();
             this.drawerRo = new ResizeObserver(() => {
-                this.drawerViewportWidth.set(this.docsViewport.nativeElement.getBoundingClientRect().width);
+                this.drawerViewportWidth.set(this.docsViewport().nativeElement.getBoundingClientRect().width);
                 this.clampDrawerIndex();
             });
             this.drawerRo.observe(el);
@@ -5038,20 +5060,14 @@ class DropZoneComponent {
     emitDocs() {
         this.onDocsChange.emit(this.docs());
     }
-    animationCreated(animation, dualTarget) {
-        if (dualTarget) {
-            this.dualLottieAnimations[dualTarget] = animation;
-            animation.goToAndStop(0, true);
-            return;
-        }
-        this.lottieAnimation = animation;
-        this.lottieAnimation.goToAndStop(0, true);
+    isImagePreviewVariant() {
+        return IMAGE_PREVIEW_VARIANTS.has(this.variant());
     }
-    playDualDropAnimation(target, forward = true) {
-        const animation = this.dualLottieAnimations[target];
-        if (!animation) {
-            return;
-        }
+    isDocsOrVideoVariant() {
+        return DOCS_OR_VIDEO_VARIANTS.has(this.variant());
+    }
+    playLottieAnimation(animation, forward, options = {}) {
+        const speed = forward ? 1 : 4;
         const endFrame = Math.max(0, Math.floor((animation.totalFrames ?? 1) - 1));
         const currentFrame = Math.round(Math.min(Math.max(animation.currentFrame ?? 0, 0), endFrame));
         if (forward) {
@@ -5063,10 +5079,26 @@ class DropZoneComponent {
             animation.goToAndStop(0, true);
             return;
         }
-        const speed = forward ? 1 : 4;
         animation.setDirection(forward ? 1 : -1);
         animation.setSpeed(speed);
-        animation.goToAndPlay(forward ? currentFrame : endFrame, true);
+        const startFrame = forward
+            ? options.resumeFromCurrent
+                ? currentFrame
+                : 0
+            : options.rewindToEnd
+                ? endFrame
+                : currentFrame || endFrame;
+        animation.goToAndPlay(startFrame, true);
+    }
+    playDualDropAnimation(target, forward = true) {
+        const animation = this.dualLottieAnimations[target];
+        if (!animation) {
+            return;
+        }
+        this.playLottieAnimation(animation, forward, {
+            resumeFromCurrent: true,
+            rewindToEnd: true,
+        });
     }
     setActiveDualTarget(target) {
         const previous = this.activeDualTarget();
@@ -5082,7 +5114,7 @@ class DropZoneComponent {
         this.activeDualTarget.set(target);
     }
     updateDualTargetFromPointer(event) {
-        const container = this.dropZoneContainer?.nativeElement;
+        const container = this.dropZoneContainer()?.nativeElement;
         if (!container) {
             return;
         }
@@ -5096,12 +5128,7 @@ class DropZoneComponent {
         if (!this.lottieAnimation) {
             return;
         }
-        const speed = forward ? 1 : 4;
-        const endFrame = Math.max(0, this.lottieAnimation.totalFrames ?? 0);
-        const currentFrame = Math.round(Math.min(Math.max(this.lottieAnimation.currentFrame ?? 0, 0), endFrame));
-        this.lottieAnimation.setDirection(forward ? 1 : -1);
-        this.lottieAnimation.setSpeed(speed);
-        this.lottieAnimation.goToAndPlay(forward ? 0 : currentFrame || endFrame, true);
+        this.playLottieAnimation(this.lottieAnimation, forward);
     }
     stopDropAnimation() {
         if (this.isDualDropZone()) {
@@ -5143,10 +5170,10 @@ class DropZoneComponent {
             const fileExtension = fileResp.fileName?.split('.').pop()?.toLowerCase() || 'pdf';
             let previewUrl = fileResp?.url || '';
             let pageCount;
-            const file = await this.DropZoneDocumentsHelper.fetchFileAsFile(fileResp);
-            const supportedBase64 = ['profile', 'cover', 'logo'].includes(this.variant());
+            const file = await DropZoneDocumentsHelper.fetchFileAsFile(fileResp);
+            const supportedBase64 = this.isImagePreviewVariant();
             const base64Url = supportedBase64 && file
-                ? await this.DropZoneDocumentsHelper.fileToBase64(file)
+                ? await DropZoneDocumentsHelper.fileToBase64(file)
                 : null;
             if (fileExtension === 'pdf' && file) {
                 try {
@@ -5198,121 +5225,53 @@ class DropZoneComponent {
             return;
         const min = Number(input.min);
         const max = Number(input.max);
-        var value;
-        value = ((this.zoomValue() - min) / (max - min)) * 100;
+        const value = ((this.zoomValue() - min) / (max - min)) * 100;
         input.style.setProperty('--range-progress', `${value}%`);
     }
-    cropDimensions() {
-        const variant = this.variant();
-        const rounded = this.rounded();
-        let width = 0;
-        let height = 0;
-        switch (variant) {
-            case 'profile':
-                if (rounded) {
-                    width = 178;
-                    height = 178;
-                }
-                else {
-                    width = 160;
-                    height = 178;
-                }
-                break;
-            case 'logo':
-                width = 628;
-                height = 214;
-                break;
-            case 'cover':
-                width = 267;
-                height = 178;
-                break;
+    resetCropTransform() {
+        this.zoomValue.set(DEFAULT_CROP_ZOOM);
+        this.transform.set({
+            scale: DEFAULT_CROP_ZOOM,
+            translateH: 0,
+            translateV: 0,
+            translateUnit: 'px',
+        });
+    }
+    applyClampedTransform(transform, inputTranslateH, inputTranslateV) {
+        const clampedTransform = DropZoneSnapbackHelper.clampTransform(transform, this.getClampOptions());
+        const didSnapback = DropZoneSnapbackHelper.didSnapback(clampedTransform, inputTranslateH, inputTranslateV);
+        this.transform.set(clampedTransform);
+        if (didSnapback) {
+            DropZoneSnapbackHelper.triggerAnimation(this.snapbackState, (value) => this.isSnapbackAnimating.set(value));
         }
-        this.cropWidth.set(width);
-        this.cropHeight.set(height);
+        this.zoomValue.set(clampedTransform.scale ?? this.zoomValue());
     }
     setImagePreviewUrl(previewUrl) {
         if (!previewUrl)
             return;
         switch (this.variant()) {
             case this.dropZoneVariant.PROFILE: {
-                this.profileUrl = previewUrl;
+                this.profileUrl.set(previewUrl);
                 break;
             }
             case this.dropZoneVariant.COVER: {
-                this.coverUrl = previewUrl;
+                this.coverUrl.set(previewUrl);
                 if (this.size() === '480px') {
                     this.smallView.set(true);
                 }
                 break;
             }
             case this.dropZoneVariant.LOGO: {
-                this.logoUrl = previewUrl;
+                this.logoUrl.set(previewUrl);
                 break;
             }
             default:
                 break;
         }
     }
-    ratioHelper() {
-        const width = this.cropWidth();
-        const height = this.cropHeight();
-        return width && height ? width / height : 1;
-    }
-    onZoomChange(event) {
-        const input = event.target;
-        const zoom = Number(input.value);
-        const currentTranslateH = this.transform.translateH ?? 0;
-        const currentTranslateV = this.transform.translateV ?? 0;
-        const clampedTransform = DropZoneSnapbackHelper.clampTransform({
-            ...this.transform,
-            scale: zoom,
-        }, this.getClampOptions());
-        const didSnapback = DropZoneSnapbackHelper.didSnapback(clampedTransform, currentTranslateH, currentTranslateV);
-        this.transform = clampedTransform;
-        if (didSnapback) {
-            DropZoneSnapbackHelper.triggerAnimation(this.snapbackState, (value) => this.isSnapbackAnimating.set(value));
-        }
-        this.zoomValue.set(clampedTransform.scale ?? zoom);
-        this.updateRangeBackground(event.target);
-    }
-    fileChangeEvent(event) {
-        this.imageChangedEvent = event;
-        this.isCropperReady.set(false);
-        const target = event.target;
-        const file = target.files?.[0];
-        this.zoomValue.set(5.8);
-        this.transform = {
-            scale: this.zoomValue(),
-            translateH: 0,
-            translateV: 0,
-            translateUnit: 'px',
-        };
-        const fileExtension = file?.name.split('.').pop()?.toLowerCase();
-        const isSupportedImage = file &&
-            file.type.startsWith('image/') &&
-            fileExtension &&
-            this.supportedFileTypes().includes(fileExtension);
-        if (isSupportedImage && this.crop()) {
-            this.setInvalid();
-            this.showCropper.set(true);
-        }
-        else {
-            this.showCropper.set(false);
-        }
-        this.zoomValue.set(5.8);
-    }
-    imageCropped(event) {
-        if (event.base64) {
-            const blob = base64ToFile(event.base64);
-            this.setCropperFile(this.createFileFromBlob(blob));
-        }
-        else if (event.objectUrl) {
-            this.setCropperFileFromObjectUrl(event.objectUrl);
-        }
-    }
-    setCropperFile(file) {
-        this.cropperResultFile = file;
-        this.updateCropperPreviewUrl(URL.createObjectURL(file));
+    setCropperFile(file) {
+        this.cropperResultFile = file;
+        this.updateCropperPreviewUrl(URL.createObjectURL(file));
     }
     createFileFromBlob(blob) {
         const name = this.temporaryImageFile?.fileName ?? 'cropped-image.png';
@@ -5336,239 +5295,200 @@ class DropZoneComponent {
             URL.revokeObjectURL(this.cropperPreviewUrl);
         }
         this.cropperPreviewUrl = url;
-        this.croppedImage = this.sanitizer.bypassSecurityTrustUrl(url);
     }
     clearCropperPreviewUrl() {
         if (this.cropperPreviewUrl) {
             URL.revokeObjectURL(this.cropperPreviewUrl);
             this.cropperPreviewUrl = null;
-            this.croppedImage = null;
         }
     }
-    imageLoaded(image) {
-        this.originalImageWidth = image.transformed.size.width;
-        this.originalImageHeight = image.transformed.size.height;
-        this.transform = DropZoneSnapbackHelper.clampTransform(this.transform, this.getClampOptions());
-    }
-    cropperReady() {
-        this.isCropperReady.set(true);
-        if (this.inputRange?.nativeElement) {
-            this.updateRangeBackground(this.inputRange.nativeElement);
-        }
+    isFileDragEvent(event) {
+        const dataTransferTypes = event.dataTransfer?.types;
+        if (!dataTransferTypes)
+            return false;
+        return Array.from(dataTransferTypes).includes('Files');
     }
-    loadImageFailed() {
-        // show message
+    resetDragState() {
+        this.dragMode.set(false);
+        this.onDragover.set(false);
+        this.activeDualTarget.set(null);
+        this.dualDropRect = null;
+        this.stopDropAnimation();
     }
-    onTransformChange(event) {
-        const inputTranslateH = event?.translateH ?? 0;
-        const inputTranslateV = event?.translateV ?? 0;
-        const clampedTransform = DropZoneSnapbackHelper.clampTransform(event, this.getClampOptions());
-        const didSnapback = DropZoneSnapbackHelper.didSnapback(clampedTransform, inputTranslateH, inputTranslateV);
-        this.transform = clampedTransform;
-        if (didSnapback) {
-            DropZoneSnapbackHelper.triggerAnimation(this.snapbackState, (value) => this.isSnapbackAnimating.set(value));
+    setInputDisabled(disabled) {
+        const input = this.inputRef()?.nativeElement;
+        if (input) {
+            input.disabled = disabled;
         }
-        this.zoomValue.set(clampedTransform.scale ?? this.zoomValue());
-    }
-    cancelCrop() {
-        this.temporaryImageFile = null;
-        this.cropperResultFile = null;
-        this.clearInvalid();
-        this.isCropperReady.set(false);
-        this.showCropper.set(false);
-        this.onCropPendingChange.emit(false);
     }
-    onDocAspectRatioChange(e) {
-        this.docsRatios.set(e.fileId, e.ratio);
-        const values = [...this.docsRatios.values()];
-        if (!values.length)
-            return;
-        const minRatio = Math.min(...values);
-        this.maxDetailsAspectRatio.set(minRatio);
-    }
-    async submitCrop(initial = false) {
-        if (!this.cropperResultFile) {
-            this.clearInvalid();
-            this.showCropper.set(false);
-            this.isCropperReady.set(false);
+    async processFiles(files, dropTarget) {
+        const resolvedDropTarget = dropTarget ?? null;
+        this.unsupported.set(false);
+        this.invalidFileSize.set(false);
+        this.setInputDisabled(false);
+        this.maxCountReached.set(false);
+        const fileArray = Array.from(files);
+        const maxSizeBytes = this.maxFileSize() * 1024 * 1024;
+        const supportedTypes = this.supportedFileTypes();
+        const isDocsOrVideo = this.isDocsOrVideoVariant();
+        const existingNames = new Set(this.docs().map((d) => d.fileName));
+        if (isDocsOrVideo && this.docs().length >= this.maxCountFiles()) {
+            this.setInputDisabled(true);
+            this.maxCountReached.set(true);
             return;
         }
-        const previewUrl = URL.createObjectURL(this.cropperResultFile);
-        if (this.temporaryImageFile) {
-            this.temporaryImageFile.file = this.cropperResultFile;
-            this.temporaryImageFile.imagePreviewUrl = previewUrl;
-            if (['profile', 'cover', 'logo'].includes(this.variant())) {
-                this.temporaryImageFile.base64Url =
-                    await this.DropZoneDocumentsHelper.fileToBase64(this.cropperResultFile);
+        const toProcess = [];
+        let totalDocsCount = this.docs().length;
+        for (const file of fileArray) {
+            const fileExtension = file.name.split('.').pop()?.toLowerCase();
+            if (!fileExtension ||
+                !supportedTypes.includes(fileExtension)) {
+                this.unsupported.set(true);
+                continue;
             }
-            this.docs.set([this.temporaryImageFile]);
-            this.setImagePreviewUrl(previewUrl);
-            this.clearInvalid();
-            this.showCropper.set(false);
-            this.isCropperReady.set(false);
-            if (!initial)
-                this.emitDocs();
-            if (previewUrl) {
-                this.clearCropperPreviewUrl();
+            if (file.size > maxSizeBytes) {
+                this.invalidFileSize.set(true);
+                return;
             }
-            this.temporaryImageFile = null;
-            this.cropperResultFile = null;
-            this.onCropPendingChange.emit(false);
-            return;
-        }
-        const lastIndex = this.docs().length - 1;
-        if (lastIndex >= 0 && this.cropperResultFile) {
-            const updatedDocs = [...this.docs()];
-            const lastDoc = { ...updatedDocs[lastIndex] };
-            lastDoc.imagePreviewUrl = previewUrl;
-            lastDoc.file = this.cropperResultFile;
-            if (['profile', 'cover', 'logo'].includes(this.variant())) {
-                lastDoc.base64Url = await this.DropZoneDocumentsHelper.fileToBase64(this.cropperResultFile);
+            if (isDocsOrVideo && totalDocsCount >= this.maxCountFiles()) {
+                break;
             }
-            updatedDocs[lastIndex] = lastDoc;
-            this.docs.set(updatedDocs);
-            this.clearInvalid();
-            this.showCropper.set(false);
-        }
-        this.setImagePreviewUrl(previewUrl);
-        this.cropDimensions();
-        if (!initial)
-            this.emitDocs();
-        this.isCropperReady.set(false);
-        if (previewUrl) {
-            this.clearCropperPreviewUrl();
-        }
-        this.cropperResultFile = null;
-    }
-    /**
-     * A computed signal that derives the list of currently supported file extensions.
-     * It filters the base `fileTypes` array, removing any extensions present
-     * in the `excludedFileTypes` input.
-     */
-    supportedFileTypes = computed(() => {
-        const excluded = this.excludedFileTypes();
-        const types = this.fileTypes();
-        if (!excluded || excluded.length === 0) {
-            return types;
-        }
-        return types.filter((type) => !excluded.includes(type));
-    }, ...(ngDevMode ? [{ debugName: "supportedFileTypes" }] : []));
-    /**
-     * A signal that holds an array of `AppFile` objects representing the files
-     * that have been selected or dropped by the user.
-     */
-    docs = signal([], ...(ngDevMode ? [{ debugName: "docs" }] : []));
-    /**
-     * A signal that acts as a boolean flag. It is set to `true` when the user
-     * attempts to upload a file with an unsupported extension.
-     */
-    unsupported = signal(false, ...(ngDevMode ? [{ debugName: "unsupported" }] : []));
-    /**
-     * Handles the 'change' event from the hidden file input. It extracts the
-     * selected files and passes them to the `processFiles` method.
-     * @param event The `Event` object from the file input element.
-     */
-    onInput(event) {
-        const target = event.target;
-        const files = target.files;
-        this.processFiles(files);
-    }
-    onDrop(event) {
-        if (this.isDualDragActive()) {
-            return;
+            if (isDocsOrVideo && existingNames.has(file.name)) {
+                return;
+            }
+            existingNames.add(file.name);
+            toProcess.push(file);
+            totalDocsCount++;
         }
-        event.preventDefault();
-        this.resetDragState();
-        const dropZone = this.dropZoneContainer?.nativeElement;
-        const isInDropArea = dropZone?.contains(event.target) ||
-            (this.dragMode() &&
-                dropZone?.parentElement?.contains(event.target));
-        if (!isInDropArea || this.unsupported())
+        if (toProcess.length === 0) {
             return;
-        const files = event.dataTransfer?.files;
-        if (files && files.length > 0) {
-            this.processFiles(files);
         }
-    }
-    onDragOver(event) {
-        if (this.isDualDragActive()) {
-            event.preventDefault();
-            if (this.unsupported())
-                return;
-            this.updateDualTargetFromPointer(event);
+        // Parallel
+        const processedFiles = await Promise.all(toProcess.map(async (file) => {
+            const fileId = this.clientFileId++;
+            const fileExtension = file.name.split('.').pop()?.toLowerCase() || '';
+            let pageCount;
+            const supportedBase64 = this.isImagePreviewVariant();
+            const base64Url = supportedBase64 && file
+                ? await DropZoneDocumentsHelper.fileToBase64(file)
+                : null;
+            try {
+                const [thumbnail, pages] = await Promise.all([
+                    this.documentService.generateThumbnail(file),
+                    fileExtension === 'pdf'
+                        ? this.documentService.getPdfPageCount(file)
+                        : Promise.resolve(undefined),
+                ]);
+                pageCount = pages;
+                return {
+                    fileId,
+                    fileName: file.name,
+                    baseName: file.name.split('.').slice(0, -1).join('.'),
+                    type: fileExtension,
+                    size: file.size,
+                    imagePreviewUrl: thumbnail,
+                    file: file,
+                    pageCount,
+                    tags: [],
+                    tagChanged: false,
+                    fileNameChanged: false,
+                    categoryTag: null,
+                    base64Url,
+                    dropTarget: resolvedDropTarget,
+                };
+            }
+            catch (error) {
+                console.error(`Failed processing ${file.name}:`, error);
+                return null;
+            }
+        }));
+        const valid = processedFiles.filter(Boolean);
+        if (valid.length === 0)
             return;
+        const isDualLeftDrop = this.isDualDropZone() && resolvedDropTarget === DualDropTarget.LEFT;
+        if (this.isImagePreviewVariant()) {
+            this.temporaryImageFile = valid[0];
+            this.docs.set([this.temporaryImageFile]);
         }
-        event.preventDefault();
-        if (this.unsupported())
-            return;
-        const relatedTarget = event.target;
-        if (this.dropZoneContainer?.nativeElement?.contains(relatedTarget)) {
-            this.onDragover.set(true);
+        else if (!isDualLeftDrop) {
+            this.docs.update((docs) => [...docs, ...valid]);
         }
-        else {
-            this.onDragover.set(false);
+        this.isLoadingSkeleton.set(false);
+        const isSupportedImage = valid[0].file?.type.startsWith('image/') &&
+            valid[0].type &&
+            supportedTypes.includes(valid[0].type);
+        if (isSupportedImage && this.crop()) {
+            const dataTransfer = new DataTransfer();
+            dataTransfer.items.add(valid[0].file);
+            const inputEl = this.inputRef().nativeElement;
+            inputEl.files = dataTransfer.files;
+            const syntheticEvent = {
+                target: inputEl,
+            };
+            this.imageChangedEvent.set(syntheticEvent);
+            this.isCropperReady.set(false);
+            this.resetCropTransform();
+            this.setInvalid();
+            this.showCropper.set(true);
         }
-    }
-    onDragLeave(event) {
-        if (this.isDualDragActive()) {
-            event.preventDefault();
-            const relatedTarget = event.relatedTarget;
-            if (!relatedTarget ||
-                !this.dropZoneContainer?.nativeElement?.contains(relatedTarget)) {
-                this.setActiveDualTarget(null);
+        if (!this.crop()) {
+            if (resolvedDropTarget && this.isDualDropZone()) {
+                this.onDualDropChange.emit({
+                    target: resolvedDropTarget,
+                    files: valid,
+                });
             }
-            return;
-        }
-        event.preventDefault();
-        const relatedTarget = event.relatedTarget;
-        if (!relatedTarget ||
-            !this.dropZoneContainer?.nativeElement?.contains(relatedTarget)) {
-            this.onDragover.set(false);
-            this.lottieAnimation?.stop();
-            this.playDropAnimation(false);
+            if (!isDualLeftDrop) {
+                this.emitDocs();
+            }
+            this.resetInput();
         }
-        else {
-            this.onDragover.set(true);
+        const total = this.docs().length;
+        if (!this.isDocumentsMode()) {
+            const visibleCount = this.carouselVisibleCount();
+            const maxStartIndex = Math.max(0, total - visibleCount);
+            this.carouselIndex.set(total > visibleCount ? maxStartIndex : 0);
         }
-    }
-    onDragEnter(event) {
-        const dropZone = this.dropZoneContainer?.nativeElement;
-        const relatedTarget = event.relatedTarget;
-        if (!dropZone ||
-            this.unsupported() ||
-            (relatedTarget && dropZone.contains(relatedTarget)))
-            return;
-        event.preventDefault();
-        this.dragMode.set(true);
-        this.onDragover.set(false);
-        if (!this.isDualDropZone()) {
-            this.playDropAnimation(true);
+        if (total === this.maxCountFiles() &&
+            this.variant() === this.dropZoneVariant.DOCUMENT) {
+            this.setInputDisabled(true);
+            this.maxCountReached.set(true);
         }
     }
-    onDualDrop(event, target) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (this.unsupported()) {
-            this.resetDragState();
-            return;
-        }
-        const files = event.dataTransfer?.files;
-        if (!files?.length) {
-            this.resetDragState();
-            return;
+    setInvalid() {
+        this.parentForm()?.setErrors({ childInvalid: true });
+        this.onCropPendingChange.emit(true);
+    }
+    resetInput() {
+        this.inputRef().nativeElement.value = '';
+    }
+    clearInvalid() {
+        const { childInvalid, ...rest } = this.parentForm()?.errors ?? {};
+        const next = Object.keys(rest).length ? rest : null;
+        this.parentForm()?.setErrors(next);
+        this.parentForm()?.updateValueAndValidity({
+            emitEvent: true,
+            onlySelf: true,
+        });
+        // Clear the input value to allow the same file to be selected again
+        if (this.inputRef()?.nativeElement) {
+            this.resetInput();
         }
-        void this.processFiles(files, target).finally(() => this.resetDragState());
     }
-    isFileDragEvent(event) {
-        const dataTransferTypes = event.dataTransfer?.types;
-        if (!dataTransferTypes)
-            return false;
-        return Array.from(dataTransferTypes).includes('Files');
+    getClampOptions() {
+        const sourceImage = this.cropper()?.sourceImage?.nativeElement;
+        return {
+            zoomValue: this.zoomValue(),
+            cropWidth: this.cropWidth(),
+            cropHeight: this.cropHeight(),
+            imageWidth: sourceImage?.clientWidth ?? 0,
+            imageHeight: sourceImage?.clientHeight ?? 0,
+        };
     }
     onDocumentDragEnter(event) {
         const isDocumentsClosed = this.isDocumentsMode() && !this.documentsDropZoneOpen();
         const isUnsupported = this.unsupported();
-        const hasLogoAndSingleSlotFilled = this.variant() === this.dropZoneVariant.LOGO && !!this.logoUrl;
+        const hasLogoAndSingleSlotFilled = this.variant() === this.dropZoneVariant.LOGO && !!this.logoUrl();
         const maxDocumentsReached = this.docs().length === this.maxCountFiles() &&
             this.variant() === this.dropZoneVariant.DOCUMENT;
         if (isDocumentsClosed ||
@@ -5580,7 +5500,7 @@ class DropZoneComponent {
         this.onDragover.set(false);
     }
     onDocumentDragOver(event) {
-        const dropZone = this.dropZoneContainer?.nativeElement;
+        const dropZone = this.dropZoneContainer()?.nativeElement;
         const targetInDropZone = !!dropZone?.contains(event.target);
         const targetInDropZoneParent = !!dropZone?.parentElement?.contains(event.target);
         const isFileDrag = this.isFileDragEvent(event);
@@ -5616,7 +5536,7 @@ class DropZoneComponent {
         if (this.isDocumentsMode() && !this.documentsDropZoneOpen()) {
             return;
         }
-        const dropZone = this.dropZoneContainer?.nativeElement;
+        const dropZone = this.dropZoneContainer()?.nativeElement;
         if (dropZone?.contains(event.target)) {
             if (this.isDualDropZone() &&
                 event.target instanceof Element &&
@@ -5648,183 +5568,227 @@ class DropZoneComponent {
         }
         this.resetDragState();
     }
-    /**
-     * Resets the drag state when drag operation ends.
-     */
-    resetDragState() {
-        this.dragMode.set(false);
-        this.onDragover.set(false);
-        this.activeDualTarget.set(null);
-        this.dualDropRect = null;
-        this.stopDropAnimation();
-    }
-    setInputDisabled(disabled) {
-        const input = this.inputRef?.nativeElement;
-        if (input) {
-            input.disabled = disabled;
-        }
-    }
-    skeletonItems = computed(() => Array.from({ length: this.skeletonCount() }), ...(ngDevMode ? [{ debugName: "skeletonItems" }] : []));
-    /**
-     * Asynchronously processes a list of files. For each file, it validates
-     * the extension against `supportedFileTypes`. If valid, it generates a
-     * thumbnail, counts pages for PDFs, creates an `AppFile` object, and adds
-     * it to the `docs` signal. If any file is unsupported, the `unsupported`
-     * flag is set.
-     * @param files The `FileList` object to be processed.
-     */
-    async processFiles(files, dropTarget) {
-        const resolvedDropTarget = dropTarget ?? null;
-        this.unsupported.set(false);
-        this.invalidFileSize.set(false);
-        this.setInputDisabled(false);
-        this.maxCountReached.set(false);
-        const fileArray = Array.from(files);
-        const maxSizeBytes = this.maxFileSize() * 1024 * 1024;
-        const supportedTypes = this.supportedFileTypes();
-        const isDocsOrVideo = this.variant() === this.dropZoneVariant.DOCUMENT ||
-            this.variant() === this.dropZoneVariant.VIDEO;
-        const existingNames = new Set(this.docs().map((d) => d.fileName));
-        if ((this.variant() === this.dropZoneVariant.DOCUMENT ||
-            this.variant() === this.dropZoneVariant.VIDEO) &&
-            this.docs().length >= this.maxCountFiles()) {
-            this.setInputDisabled(true);
-            this.maxCountReached.set(true);
+    async submitCrop(initial = false) {
+        if (!this.cropperResultFile) {
+            this.clearInvalid();
+            this.showCropper.set(false);
+            this.isCropperReady.set(false);
             return;
         }
-        const toProcess = [];
-        let totalDocsCount = this.docs().length;
-        for (const file of fileArray) {
-            const fileExtension = file.name.split('.').pop()?.toLowerCase();
-            if (!fileExtension ||
-                !supportedTypes.includes(fileExtension)) {
-                this.unsupported.set(true);
-                continue;
+        const previewUrl = URL.createObjectURL(this.cropperResultFile);
+        if (this.temporaryImageFile) {
+            this.temporaryImageFile.file = this.cropperResultFile;
+            this.temporaryImageFile.imagePreviewUrl = previewUrl;
+            if (this.isImagePreviewVariant()) {
+                this.temporaryImageFile.base64Url =
+                    await DropZoneDocumentsHelper.fileToBase64(this.cropperResultFile);
             }
-            if (file.size > maxSizeBytes) {
-                this.invalidFileSize.set(true);
-                return;
+            this.docs.set([this.temporaryImageFile]);
+            this.setImagePreviewUrl(previewUrl);
+            this.clearInvalid();
+            this.showCropper.set(false);
+            this.isCropperReady.set(false);
+            if (!initial)
+                this.emitDocs();
+            if (previewUrl) {
+                this.clearCropperPreviewUrl();
             }
-            if (isDocsOrVideo && totalDocsCount >= this.maxCountFiles()) {
-                break;
+            this.temporaryImageFile = null;
+            this.cropperResultFile = null;
+            this.onCropPendingChange.emit(false);
+            return;
+        }
+        const lastIndex = this.docs().length - 1;
+        if (lastIndex >= 0 && this.cropperResultFile) {
+            const updatedDocs = [...this.docs()];
+            const lastDoc = { ...updatedDocs[lastIndex] };
+            lastDoc.imagePreviewUrl = previewUrl;
+            lastDoc.file = this.cropperResultFile;
+            if (this.isImagePreviewVariant()) {
+                lastDoc.base64Url = await DropZoneDocumentsHelper.fileToBase64(this.cropperResultFile);
             }
-            if (isDocsOrVideo && existingNames.has(file.name)) {
+            updatedDocs[lastIndex] = lastDoc;
+            this.docs.set(updatedDocs);
+            this.clearInvalid();
+            this.showCropper.set(false);
+        }
+        this.setImagePreviewUrl(previewUrl);
+        if (!initial)
+            this.emitDocs();
+        this.isCropperReady.set(false);
+        if (previewUrl) {
+            this.clearCropperPreviewUrl();
+        }
+        this.cropperResultFile = null;
+    }
+    animationCreated(animation, dualTarget) {
+        if (dualTarget) {
+            this.dualLottieAnimations[dualTarget] = animation;
+            animation.goToAndStop(0, true);
+            return;
+        }
+        this.lottieAnimation = animation;
+        this.lottieAnimation.goToAndStop(0, true);
+    }
+    onZoomChange(event) {
+        const input = event.target;
+        const zoom = Number(input.value);
+        const currentTranslateH = this.transform().translateH ?? 0;
+        const currentTranslateV = this.transform().translateV ?? 0;
+        this.applyClampedTransform({ ...this.transform(), scale: zoom }, currentTranslateH, currentTranslateV);
+        this.updateRangeBackground(input);
+    }
+    fileChangeEvent(event) {
+        this.imageChangedEvent.set(event);
+        this.isCropperReady.set(false);
+        const target = event.target;
+        const file = target.files?.[0];
+        this.resetCropTransform();
+        const fileExtension = file?.name.split('.').pop()?.toLowerCase();
+        const isSupportedImage = file &&
+            file.type.startsWith('image/') &&
+            fileExtension &&
+            this.supportedFileTypes().includes(fileExtension);
+        if (isSupportedImage && this.crop()) {
+            this.setInvalid();
+            this.showCropper.set(true);
+        }
+        else {
+            this.showCropper.set(false);
+        }
+    }
+    imageCropped(event) {
+        if (event.base64) {
+            const blob = base64ToFile(event.base64);
+            this.setCropperFile(this.createFileFromBlob(blob));
+        }
+        else if (event.objectUrl) {
+            this.setCropperFileFromObjectUrl(event.objectUrl);
+        }
+    }
+    imageLoaded(image) {
+        this.transform.set(DropZoneSnapbackHelper.clampTransform(this.transform(), this.getClampOptions()));
+    }
+    cropperReady() {
+        this.isCropperReady.set(true);
+        const inputRangeEl = this.inputRange()?.nativeElement;
+        if (inputRangeEl) {
+            this.updateRangeBackground(inputRangeEl);
+        }
+    }
+    loadImageFailed() {
+        // show message
+    }
+    onTransformChange(event) {
+        this.applyClampedTransform(event, event?.translateH ?? 0, event?.translateV ?? 0);
+    }
+    cancelCrop() {
+        this.temporaryImageFile = null;
+        this.cropperResultFile = null;
+        this.clearInvalid();
+        this.isCropperReady.set(false);
+        this.showCropper.set(false);
+        this.onCropPendingChange.emit(false);
+    }
+    onDocAspectRatioChange(e) {
+        this.docsRatios.set(e.fileId, e.ratio);
+        const values = [...this.docsRatios.values()];
+        if (!values.length)
+            return;
+        const minRatio = Math.min(...values);
+        this.maxDetailsAspectRatio.set(minRatio);
+    }
+    onInput(event) {
+        const target = event.target;
+        const files = target.files;
+        this.processFiles(files);
+    }
+    onDrop(event) {
+        if (this.isDualDragActive()) {
+            return;
+        }
+        event.preventDefault();
+        this.resetDragState();
+        const dropZone = this.dropZoneContainer()?.nativeElement;
+        const isInDropArea = dropZone?.contains(event.target) ||
+            (this.dragMode() &&
+                dropZone?.parentElement?.contains(event.target));
+        if (!isInDropArea || this.unsupported())
+            return;
+        const files = event.dataTransfer?.files;
+        if (files && files.length > 0) {
+            this.processFiles(files);
+        }
+    }
+    onDragOver(event) {
+        if (this.isDualDragActive()) {
+            event.preventDefault();
+            if (this.unsupported())
                 return;
-            }
-            existingNames.add(file.name);
-            toProcess.push(file);
-            totalDocsCount++;
+            this.updateDualTargetFromPointer(event);
+            return;
         }
-        if (toProcess.length === 0) {
+        event.preventDefault();
+        if (this.unsupported())
             return;
+        const relatedTarget = event.target;
+        if (this.dropZoneContainer()?.nativeElement?.contains(relatedTarget)) {
+            this.onDragover.set(true);
         }
-        // Parallel
-        const processedFiles = await Promise.all(toProcess.map(async (file) => {
-            const fileId = this.clientFileId++;
-            const fileExtension = file.name.split('.').pop()?.toLowerCase() || '';
-            let pageCount;
-            const supportedBase64 = ['profile', 'cover', 'logo'].includes(this.variant());
-            const base64Url = supportedBase64 && file
-                ? await this.DropZoneDocumentsHelper.fileToBase64(file)
-                : null;
-            try {
-                const [thumbnail, pages] = await Promise.all([
-                    this.documentService.generateThumbnail(file),
-                    fileExtension === 'pdf'
-                        ? this.documentService.getPdfPageCount(file)
-                        : Promise.resolve(undefined),
-                ]);
-                pageCount = pages;
-                return {
-                    fileId,
-                    fileName: file.name,
-                    baseName: file.name.split('.').slice(0, -1).join('.'),
-                    type: fileExtension,
-                    size: file.size,
-                    imagePreviewUrl: thumbnail,
-                    file: file,
-                    pageCount,
-                    tags: [],
-                    tagChanged: false,
-                    fileNameChanged: false,
-                    categoryTag: null,
-                    base64Url,
-                    dropTarget: resolvedDropTarget,
-                };
-            }
-            catch (error) {
-                console.error(`Failed processing ${file.name}:`, error);
-                return null;
+        else {
+            this.onDragover.set(false);
+        }
+    }
+    onDragLeave(event) {
+        if (this.isDualDragActive()) {
+            event.preventDefault();
+            const relatedTarget = event.relatedTarget;
+            if (!relatedTarget ||
+                !this.dropZoneContainer()?.nativeElement?.contains(relatedTarget)) {
+                this.setActiveDualTarget(null);
             }
-        }));
-        const valid = processedFiles.filter(Boolean);
-        if (valid.length === 0)
             return;
-        const isDualLeftDrop = this.isDualDropZone() && resolvedDropTarget === DualDropTarget.LEFT;
-        if (['profile', 'cover', 'logo'].includes(this.variant())) {
-            this.temporaryImageFile = valid[0];
-            this.docs.set([this.temporaryImageFile]);
         }
-        else if (!isDualLeftDrop) {
-            this.docs.update((docs) => [...docs, ...valid]);
+        event.preventDefault();
+        const relatedTarget = event.relatedTarget;
+        if (!relatedTarget ||
+            !this.dropZoneContainer()?.nativeElement?.contains(relatedTarget)) {
+            this.onDragover.set(false);
+            this.lottieAnimation?.stop();
+            this.playDropAnimation(false);
         }
-        this.isLoadingSkeleton.set(false);
-        const isSupportedImage = valid[0].file?.type.startsWith('image/') &&
-            valid[0].type &&
-            supportedTypes.includes(valid[0].type);
-        if (isSupportedImage && this.crop()) {
-            const dataTransfer = new DataTransfer();
-            dataTransfer.items.add(valid[0].file);
-            this.inputRef.nativeElement.files = dataTransfer.files;
-            const syntheticEvent = {
-                target: this.inputRef.nativeElement,
-            };
-            this.imageChangedEvent = syntheticEvent;
-            this.isCropperReady.set(false);
-            this.zoomValue.set(5.8);
-            this.transform = {
-                scale: this.zoomValue(),
-                translateH: 0,
-                translateV: 0,
-                translateUnit: 'px',
-            };
-            this.setInvalid();
-            this.showCropper.set(true);
+        else {
+            this.onDragover.set(true);
         }
-        if (!this.crop()) {
-            if (resolvedDropTarget && this.isDualDropZone()) {
-                this.onDualDropChange.emit({
-                    target: resolvedDropTarget,
-                    files: valid,
-                });
-            }
-            if (!isDualLeftDrop) {
-                this.emitDocs();
-            }
-            this.resetInput();
+    }
+    onDragEnter(event) {
+        const dropZone = this.dropZoneContainer()?.nativeElement;
+        const relatedTarget = event.relatedTarget;
+        if (!dropZone ||
+            this.unsupported() ||
+            (relatedTarget && dropZone.contains(relatedTarget)))
+            return;
+        event.preventDefault();
+        this.dragMode.set(true);
+        this.onDragover.set(false);
+        if (!this.isDualDropZone()) {
+            this.playDropAnimation(true);
         }
-        const total = this.docs().length;
-        if (!this.isDocumentsMode()) {
-            const visibleCount = this.carouselVisibleCount();
-            const maxStartIndex = Math.max(0, total - visibleCount);
-            if (total > visibleCount) {
-                this.carouselIndex.set(maxStartIndex);
-            }
-            else {
-                this.carouselIndex.set(0);
-            }
+    }
+    onDualDrop(event, target) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.unsupported()) {
+            this.resetDragState();
+            return;
         }
-        if (total === this.maxCountFiles() &&
-            this.variant() === this.dropZoneVariant.DOCUMENT) {
-            this.setInputDisabled(true);
-            this.maxCountReached.set(true);
+        const files = event.dataTransfer?.files;
+        if (!files?.length) {
+            this.resetDragState();
+            return;
         }
+        void this.processFiles(files, target).finally(() => this.resetDragState());
     }
-    /**
-     * Handles the download action for a specific file.
-     * Note: This is a placeholder and currently only logs the file name.
-     * @param fileName The name of the file to be downloaded.
-     */
     handleDownload(fileName) {
         const fileToDownload = this.docs().find((doc) => doc.fileName === fileName);
         if (!fileToDownload || !fileToDownload.file) {
@@ -5841,32 +5805,59 @@ class DropZoneComponent {
         document.body.removeChild(a);
         URL.revokeObjectURL(url);
     }
-    /**
-     * A ViewChild reference to the native `<input type='file'>` element.
-     * Used to programmatically trigger the file selection dialog.
-     */
-    inputRef;
-    /**
-     * Resets the component's state after an unsupported file type error
-     * by setting the `unsupported` signal to `false`.
-     */
     cancel() {
         this.unsupported.set(false);
         this.invalidFileSize.set(false);
         this.resetInput();
     }
-    /**
-     * Programmatically triggers a click on the hidden file input element,
-     * which opens the system's file selection dialog.
-     */
     handleClickToAdd() {
-        this.inputRef.nativeElement.click();
+        this.inputRef().nativeElement.click();
+    }
+    carouselLeft() {
+        this.carouselIndex.update((i) => Math.max(0, i - 1));
+    }
+    carouselRight() {
+        const maxIndex = Math.max(0, this.docs().length - this.carouselVisibleCount());
+        this.carouselIndex.update((i) => Math.min(maxIndex, i + 1));
+    }
+    handleTagChange(event) {
+        this.docs.update((docs) => docs.map((doc) => doc.fileName === event.fileName
+            ? {
+                ...doc,
+                tags: event.tag?.tagId ? [event.tag.tagId] : [],
+                tagChanged: true,
+            }
+            : doc));
+        this.emitDocs();
+    }
+    handleFileNameChange(event) {
+        this.docs.update((docs) => docs.map((doc) => {
+            if (doc.fileId !== event.fileId) {
+                return doc;
+            }
+            return {
+                ...doc,
+                fileName: event.newFileName,
+                baseName: event.newFileName.split('.').slice(0, -1).join('.') ||
+                    event.newFileName,
+                file: new File([doc.file], event.newFileName, {
+                    type: doc.file?.type,
+                    lastModified: Date.now(),
+                }),
+                fileNameChanged: true,
+            };
+        }));
+        this.emitDocs();
+        this.onDocumentFileNameChange.emit(event);
+    }
+    handleDocumentPreviewClick(event) {
+        this.onDocumentPreviewClick.emit({ fileId: event.fileId });
+    }
+    onCancel(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.onDocumentDropZoneOpenChange.emit(false);
     }
-    /**
-     * Deletes a file from the preview list. It filters the `docs` array to
-     * remove the specified file and adjusts the carousel position.
-     * @param fileName The name of the file to be deleted.
-     */
     handleDelete(fileName) {
         this.carouselLeft();
         const fileIdToDelete = this.docs().find((doc) => doc.fileName === fileName)?.fileId;
@@ -5880,162 +5871,41 @@ class DropZoneComponent {
             this.unsupported.set(false);
         }
         if (this.docs().length < this.maxCountFiles()) {
-            this.inputRef.nativeElement.disabled = false;
+            this.inputRef().nativeElement.disabled = false;
             this.maxCountReached.set(false);
         }
         if (this.variant() === this.dropZoneVariant.COVER) {
-            this.coverUrl = '';
+            this.coverUrl.set('');
             this.smallView.set(false);
         }
         if (this.variant() === this.dropZoneVariant.PROFILE) {
-            this.profileUrl = '';
+            this.profileUrl.set('');
         }
         if (this.variant() === this.dropZoneVariant.LOGO) {
-            this.logoUrl = '';
-        }
-        this.inputRef.nativeElement.value = '';
-    }
-    // Carousel logic
-    /**
-     * A computed signal that calculates the CSS `translateX` value for the
-     * carousel container. This creates the sliding effect based on the
-     * `carouselIndex`.
-     */
-    carouselTransform = computed(() => {
-        if (this.isDocumentsMode()) {
-            return 'translateX(0)';
+            this.logoUrl.set('');
         }
-        if (this.isDetailsSlider()) {
-            const offset = this.carouselIndex() * -100;
-            return `translateX(${offset}%)`;
-        }
-        if (this.isDrawerMode()) {
-            const cardWidthWithGap = 194 + 4; // 194px width + 4px gap
-            const containerWidth = this.drawerViewportWidth();
-            const contentWidth = this.docs().length * cardWidthWithGap;
-            if (containerWidth <= 0 || contentWidth <= containerWidth) {
-                return 'translateX(0)';
-            }
-            const step = cardWidthWithGap;
-            const desiredTranslate = step * this.carouselIndex() * -1;
-            const maxTranslate = containerWidth - contentWidth;
-            const clampedTranslate = Math.max(desiredTranslate, maxTranslate);
-            return `translateX(${clampedTranslate}px)`;
-        }
-        const gap = this.size() === '480px' ? 6 : 8;
-        const offset = (148 + gap) * this.carouselIndex() * -1;
-        return `translateX(${offset}px)`;
-    }, ...(ngDevMode ? [{ debugName: "carouselTransform" }] : []));
-    /**
-     * Navigates the carousel one step to the left by decrementing the
-     * `carouselIndex`. The index will not go below 0.
-     */
-    carouselLeft() {
-        this.carouselIndex.update((i) => Math.max(0, i - 1));
-    }
-    /**
-     * Navigates the carousel one step to the right by incrementing the
-     * `carouselIndex`. The index will not exceed the maximum possible value
-     * based on the number of documents.
-     */
-    carouselRight() {
-        const visibleCount = this.carouselVisibleCount();
-        const maxIndex = Math.max(0, this.docs().length - visibleCount);
-        this.carouselIndex.update((i) => Math.min(maxIndex, i + 1));
-    }
-    carouselVisibleCount() {
-        if (this.isDetailsSlider())
-            return 1;
-        if (this.isDrawerMode()) {
-            const width = this.drawerViewportWidth();
-            return width <= 0 ? 1 : Math.max(1, Math.floor((width + 4) / 198));
-        }
-        return this.size() === '480px' ? 2 : 3;
-    }
-    isCarouselAtEnd() {
-        const maxIndex = Math.max(0, this.docs().length - this.carouselVisibleCount());
-        return this.carouselIndex() >= maxIndex;
-    }
-    handleTagChange(event) {
-        this.docs().forEach((doc) => {
-            if (doc.fileName === event.fileName) {
-                doc.tags = event?.tag?.tagId ? [event?.tag?.tagId] : [];
-                doc.tagChanged = true;
-            }
-        });
-        this.emitDocs();
-    }
-    handleFileNameChange(event) {
-        this.docs().forEach((doc) => {
-            if (doc.fileId === event.fileId) {
-                doc.fileName = event.newFileName;
-                doc.baseName =
-                    event.newFileName.split('.').slice(0, -1).join('.') ||
-                        event.newFileName;
-                const file = new File([doc.file], event.newFileName, {
-                    type: doc.file?.type,
-                    lastModified: Date.now(),
-                });
-                doc.file = file;
-                doc.fileNameChanged = true;
-            }
-        });
-        this.emitDocs();
-        this.onDocumentFileNameChange.emit(event);
-    }
-    setInvalid() {
-        this.parentForm()?.setErrors({ childInvalid: true });
-        this.onCropPendingChange.emit(true);
-    }
-    resetInput() {
-        this.inputRef.nativeElement.value = '';
-    }
-    clearInvalid() {
-        const { childInvalid, ...rest } = this.parentForm()?.errors ?? {};
-        const next = Object.keys(rest).length ? rest : null;
-        this.parentForm()?.setErrors(next);
-        this.parentForm()?.updateValueAndValidity({
-            emitEvent: true,
-            onlySelf: true,
-        });
-        // Clear the input value to allow the same file to be selected again
-        if (this.inputRef?.nativeElement) {
-            this.resetInput();
-        }
-    }
-    handleDocumentPreviewClick(event) {
-        this.onDocumentPreviewClick.emit({ fileId: event.fileId });
+        this.inputRef().nativeElement.value = '';
     }
     downloadAllFiles() {
-        this.DropZoneDocumentsHelper.onDownloadAllFiles(this.docs());
-    }
-    getClampOptions() {
-        const sourceImage = this.cropper?.sourceImage?.nativeElement;
-        return {
-            zoomValue: this.zoomValue(),
-            cropWidth: this.cropWidth(),
-            cropHeight: this.cropHeight(),
-            imageWidth: sourceImage?.clientWidth ?? 0,
-            imageHeight: sourceImage?.clientHeight ?? 0,
-        };
-    }
-    onCancel(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.onDocumentDropZoneOpenChange.emit(false);
+        DropZoneDocumentsHelper.onDownloadAllFiles(this.docs());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DropZoneComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DropZoneComponent, isStandalone: true, selector: "cai-drop-zone", inputs: { crop: { classPropertyName: "crop", publicName: "crop", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, deletedFileIds: { classPropertyName: "deletedFileIds", publicName: "deletedFileIds", isSignal: true, isRequired: false, transformFunction: null }, maxCountFiles: { classPropertyName: "maxCountFiles", publicName: "maxCountFiles", isSignal: true, isRequired: false, transformFunction: null }, isDetailsSlider: { classPropertyName: "isDetailsSlider", publicName: "isDetailsSlider", isSignal: true, isRequired: false, transformFunction: null }, isDrawerMode: { classPropertyName: "isDrawerMode", publicName: "isDrawerMode", isSignal: true, isRequired: false, transformFunction: null }, isCoverDetails: { classPropertyName: "isCoverDetails", publicName: "isCoverDetails", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, isDocumentsMode: { classPropertyName: "isDocumentsMode", publicName: "isDocumentsMode", isSignal: true, isRequired: false, transformFunction: null }, documentsDropZoneOpen: { classPropertyName: "documentsDropZoneOpen", publicName: "documentsDropZoneOpen", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, avatarColor: { classPropertyName: "avatarColor", publicName: "avatarColor", isSignal: true, isRequired: false, transformFunction: null }, isDualDropZone: { classPropertyName: "isDualDropZone", publicName: "isDualDropZone", isSignal: true, isRequired: false, transformFunction: null }, dualDropZones: { classPropertyName: "dualDropZones", publicName: "dualDropZones", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: false, isRequired: false, transformFunction: null }, parentForm: { classPropertyName: "parentForm", publicName: "parentForm", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, documentTags: { classPropertyName: "documentTags", publicName: "documentTags", isSignal: true, isRequired: false, transformFunction: null }, excludedFileTypes: { classPropertyName: "excludedFileTypes", publicName: "excludedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, fileTypes: { classPropertyName: "fileTypes", publicName: "fileTypes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDeletedFileIds: "onDeletedFileIds", onDocsChange: "onDocsChange", onDocumentPreviewClick: "onDocumentPreviewClick", onDocumentFileNameChange: "onDocumentFileNameChange", onCropPendingChange: "onCropPendingChange", onDocumentDropZoneOpenChange: "onDocumentDropZoneOpenChange", onDualDropChange: "onDualDropChange" }, host: { listeners: { "document:dragenter": "onDocumentDragEnter($event)", "document:dragover": "onDocumentDragOver($event)", "document:dragleave": "onWindowDragLeave($event)", "document:drop": "onDocumentDrop($event)" } }, providers: [], viewQueries: [{ propertyName: "cropper", first: true, predicate: ["cropper"], descendants: true }, { propertyName: "inputRange", first: true, predicate: ["inputRange"], descendants: true }, { propertyName: "containerElementRef", first: true, predicate: ["containerRef"], descendants: true }, { propertyName: "dropZoneContainer", first: true, predicate: ["dropZoneContainer"], descendants: true }, { propertyName: "docsViewport", first: true, predicate: ["docsViewport"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let videoVariant = variant() === dropZoneVariant.VIDEO;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl !== \"\";\n@let profilePreview = profileUrl !== \"\"; @let logoPreview = !!logoUrl;\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n  <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n  <div\n    class=\"drop-zone-dimensions-lock\"\n    [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n    [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n  ></div>\n}\n\n<div\n  #containerRef\n  class=\"container\"\n  [class]=\"{\n    'picture-container': profileVariant || coverVariant,\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\n    'dual-drop-mode': isDualDragActive(),\n    'dual-drop-focus-left':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n    'dual-drop-focus-right':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n    onDragover: onDragover(),\n    logoVar: logoVariant,\n    hasCropper: isCropperReady(),\n    'is-details-slider': isDetailsSlider(),\n    'is-drawer-mode': isDrawerMode(),\n    isCoverDetails: isCoverDetails(),\n    'is-documents-mode': isDocumentsMode(),\n  }\"\n>\n  @if (coverVariant && coverPreview) {\n    <div class=\"cover-container\">\n      <img [src]=\"coverUrl\" class=\"cover-image\" draggable=\"false\" />\n    </div>\n  }\n  @if (profileVariant) {\n    @if (!profilePreview) {\n      <div class=\"avatar\">\n        <cai-avatar\n          [driver]=\"driver()\"\n          [size]=\"160\"\n          [rounded]=\"rounded()\"\n        ></cai-avatar>\n      </div>\n    } @else {\n      <div class=\"profile-container\">\n        <img\n          [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n          [src]=\"profileUrl\"\n          draggable=\"false\"\n        />\n      </div>\n    }\n  }\n  @if (logoVariant && logoPreview) {\n    <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl\">\n      <img class=\"logo-image\" [src]=\"logoUrl\" draggable=\"false\" />\n    </div>\n  }\n  <!--Image Cropper-->\n  @if (cropFile && showCrop) {\n    @if (!isCropperReady()) {\n      <div class=\"cropper-loader\">\n        <div class=\"spinner\"></div>\n      </div>\n    }\n    <div class=\"cropper-overlay\">\n      <image-cropper\n        #cropper\n        class=\"img-cropper\"\n        [output]=\"'base64'\"\n        [class.logoBorder]=\"logoVariant\"\n        [class.snapback-animate]=\"isSnapbackAnimating()\"\n        [roundCropper]=\"roundedBorder ? true : false\"\n        [hideResizeSquares]=\"true\"\n        [allowMoveImage]=\"true\"\n        [transform]=\"transform\"\n        (transformChange)=\"onTransformChange($event)\"\n        format=\"png\"\n        [aspectRatio]=\"ratioHelper()\"\n        [resizeToWidth]=\"cropWidth()\"\n        [resizeToHeight]=\"cropHeight()\"\n        [containWithinAspectRatio]=\"true\"\n        [imageChangedEvent]=\"imageChangedEvent\"\n        (imageCropped)=\"imageCropped($event)\"\n        (imageLoaded)=\"imageLoaded($event)\"\n        (cropperReady)=\"cropperReady()\"\n        (loadImageFailed)=\"loadImageFailed()\"\n      ></image-cropper>\n      @if (isCropperReady()) {\n        <div class=\"lower-part\">\n          <div class=\"range\">\n            <input\n              #inputRange\n              type=\"range\"\n              class=\"custom-range\"\n              min=\"1\"\n              max=\"10\"\n              step=\"0.1\"\n              [value]=\"zoomValue()\"\n              (input)=\"onZoomChange($event)\"\n            />\n          </div>\n          <div class=\"cropper-buttons\">\n            <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n            <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n  <!-- Drop Zone -->\n  @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n    <div\n      #dropZoneContainer\n      class=\"drop-zone-container\"\n      [class.has-logo]=\"logoVariant && !!logoUrl\"\n      (drop)=\"onDrop($event)\"\n      (dragover)=\"onDragOver($event)\"\n      (dragenter)=\"onDragEnter($event)\"\n      (dragleave)=\"onDragLeave($event)\"\n      [class]=\"{\n        'more-docs': docCount >= 3 && largeSize,\n        'small-more-docs': docCount >= 2 && smallSize,\n        'max-reached-drop-design':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-doc':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-video':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          videoVariant,\n        'invalid-file-size': invalidFileSize(),\n        unsupported: unsupported() || invalidFileSize(),\n        smallView: this.smallView() && !dragMode(),\n      }\"\n    >\n      <!-- Drop Zone -->\n      @if (isDualDragActive()) {\n        @for (target of dualTargets; track target) {\n          @let panel = dualDropZones()[target];\n          <div\n            class=\"drop-zone dual-drop-zone-panel\"\n            [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n            [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n            [class.active]=\"activeDualTarget() === target\"\n            (drop)=\"onDualDrop($event, target)\"\n          >\n            @if (panel.title) {\n              <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n            }\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <ng-lottie\n                  [options]=\"{\n                    path:\n                      (target === dualDropTarget.LEFT\n                        ? dropZoneVariant.PROFILE\n                        : variant()) | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event, target)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              <div class=\"heading\">\n                {{\n                  activeDualTarget() === target\n                    ? panel.dropLabel\n                    : panel.dragLabel\n                }}\n              </div>\n              <div class=\"description\">{{ panel.description }}</div>\n            </div>\n          </div>\n        }\n      } @else {\n        <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n          @if (dragMode()) {\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <!-- Animation -->\n                <ng-lottie\n                  [options]=\"{\n                    path: variant() | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              @if (isDocumentsMode()) {\n                <p class=\"heading\">DRAG FILES HERE</p>\n              } @else if (documentVariant || videoVariant) {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP FILES HERE\" : \"DRAG FILES HERE\" }}\n                </p>\n              } @else {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP IMAGE HERE\" : \"DRAG IMAGE HERE\" }}\n                </p>\n              }\n            </div>\n          } @else {\n            @let svgIcon = variant() | dropZoneAnimation: true;\n            <svg-icon [name]=\"svgIcon\" class=\"illustration\"></svg-icon>\n            @if (\n              (countFiles <= this.docs().length || maxCountReached()) &&\n              documentVariant\n            ) {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  <span class=\"line\">MAX COUNT</span>\n                  <span class=\"line\">REACHED</span>\n                </p>\n                <p class=\"subtext\">\n                  <span class=\"line\">{{ countFiles }} FILES </span>\n                  <span class=\"line\">IMPORTED</span>\n                </p>\n              </div>\n            } @else {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  @if (documentVariant || videoVariant) {\n                    DRAG FILES\n                    @if (docCount < 1 || isDocumentsMode()) {\n                      <span>HERE</span>\n                    }\n                  } @else if (profileVariant && roundedBorder) {\n                    DRAG IMAGE\n                  } @else {\n                    DRAG IMAGE HERE\n                  }\n                </p>\n                @if (!coverPreview && !profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO ADD</p>\n                }\n                @if (coverPreview || profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO REPLACE</p>\n                }\n                @if (videoVariant) {\n                  <p class=\"video-subtext\">\n                    max file size {{ maxFileSize() }}mb\n                  </p>\n                }\n              </div>\n              @if (isDocumentsMode()) {\n                <button\n                  class=\"cancel-button-documents\"\n                  ngbTooltip=\"Cancel\"\n                  [placement]=\"'bottom'\"\n                  container=\"body\"\n                  triggers=\"mouseenter:mouseleave\"\n                  tooltipClass=\"tooltip tooltip-m-b-2\"\n                >\n                  <svg-icon\n                    name=\"cai-cancel\"\n                    class=\"cancel-icon\"\n                    (click)=\"onCancel($event)\"\n                  ></svg-icon>\n                </button>\n              }\n            }\n          }\n        </div>\n      }\n\n      <input\n        type=\"file\"\n        aria-hidden=\"true\"\n        multiple\n        class=\"drop-zone-input\"\n        #inputRef\n        (input)=\"onInput($event)\"\n        (change)=\"fileChangeEvent($event)\"\n      />\n\n      <!-- Drop Zone Error -->\n      <div class=\"drop-zone-error\">\n        @if (invalidFileSize()) {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE SIZE</p>\n            <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n          </div>\n        } @else {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE TYPE</p>\n            <p class=\"subtext\">SUPPORTED FORMATS</p>\n          </div>\n          <div class=\"file-types\">\n            @for (type of supportedFileTypes(); track $index) {\n              <p\n                class=\"badge\"\n                [class]=\"{\n                  pdf: type === 'pdf',\n                  video: ['avi', 'mp4', 'mov'].includes(type),\n                  image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n                }\"\n              >\n                {{ type }}\n              </p>\n            }\n          </div>\n        }\n        <button class=\"cancel-button\">\n          <svg-icon\n            name=\"cai-cancel\"\n            class=\"cancel-icon\"\n            (click)=\"cancel()\"\n          ></svg-icon>\n        </button>\n      </div>\n    </div>\n  }\n  @if (isLoadingSkeleton() && skeletonCount() > 0) {\n    <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n  } @else {\n    <!-- Carousel -->\n    @if (docCount > 0 && (documentVariant || videoVariant)) {\n      <div #docsViewport class=\"docs\">\n        <div\n          class=\"doc-container\"\n          [class.documents-container-grid]=\"isDocumentsMode()\"\n          [style.transform]=\"isDocumentsMode() ? '' : carouselTransform()\"\n          [style.--carousel-index]=\"isDocumentsMode() ? null : carouselIndex()\"\n        >\n          @for (doc of docs(); track doc.fileId) {\n            <cai-document-preview\n              [class.doc-visible]=\"\n                isDetailsSlider() && $index === carouselIndex()\n              \"\n              [class.doc-hidden]=\"\n                isDetailsSlider() && $index !== carouselIndex()\n              \"\n              class=\"doc\"\n              [file]=\"doc\"\n              [tags]=\"documentTags()\"\n              [searchText]=\"searchText()\"\n              [cdlDetailsMode]=\"isDetailsSlider()\"\n              [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n              [maxAspectRatio]=\"\n                isDetailsSlider() && docCount > 1\n                  ? maxDetailsAspectRatio()\n                  : null\n              \"\n              [drawerMode]=\"isDrawerMode()\"\n              [isCoverDetails]=\"isCoverDetails()\"\n              [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n              (onDelete)=\"handleDelete($event)\"\n              (onDownload)=\"handleDownload($event)\"\n              (onTagChange)=\"handleTagChange($event)\"\n              (onFileNameChange)=\"handleFileNameChange($event)\"\n              (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n              (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n            ></cai-document-preview>\n          }\n        </div>\n        @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n          <button\n            class=\"carousel-button carousel-left\"\n            type=\"button\"\n            (click)=\"carouselLeft()\"\n            [disabled]=\"carouselIndex() === 0\"\n            [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n          </button>\n          <button\n            class=\"carousel-button carousel-right\"\n            type=\"button\"\n            (click)=\"carouselRight()\"\n            [disabled]=\"isCarouselAtEnd()\"\n            [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n          </button>\n        }\n        @if (isDetailsSlider() && docCount > 1) {\n          <div class=\"sliders\">\n            @for (doc of docs(); track $index) {\n              <div\n                class=\"slider-item\"\n                (click)=\"carouselIndex.set($index)\"\n                [class.active]=\"$index === carouselIndex()\"\n              ></div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n  <div\n    class=\"skeleton-container\"\n    [ngClass]=\"{\n      'documents-container-grid': isDocumentsMode(),\n      'drawer-position': isDrawerMode(),\n    }\"\n  >\n    @for (item of skeletonItems(); track $index) {\n      <div class=\"skeleton-item\">\n        <div class=\"skeleton-bar\"></div>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .video-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-video .drop-zone{padding:13px 0!important;flex-direction:column}.invalid-file-size .drop-zone .illustration{display:none!important}.invalid-file-size .drop-zone .drop-zone-text{padding-left:20px;padding-right:20px}.drop-zone-error{position:absolute;inset:0;background-color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;margin:4px;outline:4px dashed #ed9292;border-radius:2px;padding:52px 12px;gap:12px}.drop-zone-error .cancel-button{cursor:pointer;background-color:transparent;position:absolute;top:2px;right:2px;height:26px;width:26px;padding:0;display:grid;place-items:center;transition:color .2s ease-in-out;color:#919191}.drop-zone-error .cancel-button:hover{color:#424242}.drop-zone-error .file-types{display:flex;align-items:center;gap:2px;text-transform:uppercase;max-width:100%;flex-wrap:wrap;justify-content:center}.drop-zone-error .badge{font-size:11px;font-weight:900;color:#fff;line-height:14px;padding:2px 4px;width:35px;border-radius:1px;margin-bottom:0;text-align:center;background-color:#919191}.drop-zone-error .pdf{background-color:#e66767}.drop-zone-error .video{background-color:#b370f0}.drop-zone-error .image{background-color:#fab15c}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DropZoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DropZoneComponent, isStandalone: true, selector: "cai-drop-zone", inputs: { avatarColor: { classPropertyName: "avatarColor", publicName: "avatarColor", isSignal: true, isRequired: false, transformFunction: null }, crop: { classPropertyName: "crop", publicName: "crop", isSignal: true, isRequired: false, transformFunction: null }, deletedFileIds: { classPropertyName: "deletedFileIds", publicName: "deletedFileIds", isSignal: true, isRequired: false, transformFunction: null }, documentsDropZoneOpen: { classPropertyName: "documentsDropZoneOpen", publicName: "documentsDropZoneOpen", isSignal: true, isRequired: false, transformFunction: null }, documentTags: { classPropertyName: "documentTags", publicName: "documentTags", isSignal: true, isRequired: false, transformFunction: null }, dualDropZones: { classPropertyName: "dualDropZones", publicName: "dualDropZones", isSignal: true, isRequired: false, transformFunction: null }, excludedFileTypes: { classPropertyName: "excludedFileTypes", publicName: "excludedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, fileTypes: { classPropertyName: "fileTypes", publicName: "fileTypes", isSignal: true, isRequired: false, transformFunction: null }, isCoverDetails: { classPropertyName: "isCoverDetails", publicName: "isCoverDetails", isSignal: true, isRequired: false, transformFunction: null }, isDetailsSlider: { classPropertyName: "isDetailsSlider", publicName: "isDetailsSlider", isSignal: true, isRequired: false, transformFunction: null }, isDocumentsMode: { classPropertyName: "isDocumentsMode", publicName: "isDocumentsMode", isSignal: true, isRequired: false, transformFunction: null }, isDrawerMode: { classPropertyName: "isDrawerMode", publicName: "isDrawerMode", isSignal: true, isRequired: false, transformFunction: null }, isDualDropZone: { classPropertyName: "isDualDropZone", publicName: "isDualDropZone", isSignal: true, isRequired: false, transformFunction: null }, maxCountFiles: { classPropertyName: "maxCountFiles", publicName: "maxCountFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, parentForm: { classPropertyName: "parentForm", publicName: "parentForm", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCropPendingChange: "onCropPendingChange", onDeletedFileIds: "onDeletedFileIds", onDocsChange: "onDocsChange", onDocumentDropZoneOpenChange: "onDocumentDropZoneOpenChange", onDocumentFileNameChange: "onDocumentFileNameChange", onDocumentPreviewClick: "onDocumentPreviewClick", onDualDropChange: "onDualDropChange" }, host: { listeners: { "document:dragenter": "onDocumentDragEnter($event)", "document:dragover": "onDocumentDragOver($event)", "document:dragleave": "onWindowDragLeave($event)", "document:drop": "onDocumentDrop($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, isSignal: true }, { propertyName: "cropper", first: true, predicate: ["cropper"], descendants: true, isSignal: true }, { propertyName: "docsViewport", first: true, predicate: ["docsViewport"], descendants: true, isSignal: true }, { propertyName: "dropZoneContainer", first: true, predicate: ["dropZoneContainer"], descendants: true, isSignal: true }, { propertyName: "inputRange", first: true, predicate: ["inputRange"], descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let videoVariant = variant() === dropZoneVariant.VIDEO;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl() !== \"\";\n@let profilePreview = profileUrl() !== \"\"; @let logoPreview = !!logoUrl();\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n  <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n  <div\n    class=\"drop-zone-dimensions-lock\"\n    [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n    [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n  ></div>\n}\n\n<div\n  #containerRef\n  class=\"container\"\n  [class]=\"{\n    'picture-container': profileVariant || coverVariant,\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\n    'dual-drop-mode': isDualDragActive(),\n    'dual-drop-focus-left':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n    'dual-drop-focus-right':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n    onDragover: onDragover(),\n    logoVar: logoVariant,\n    hasCropper: isCropperReady(),\n    'is-details-slider': isDetailsSlider(),\n    'is-drawer-mode': isDrawerMode(),\n    isCoverDetails: isCoverDetails(),\n    'is-documents-mode': isDocumentsMode(),\n  }\"\n>\n  @if (coverVariant && coverPreview) {\n    <div class=\"cover-container\">\n      <img [src]=\"coverUrl()\" class=\"cover-image\" draggable=\"false\" />\n    </div>\n  }\n  @if (profileVariant) {\n    @if (!profilePreview) {\n      <div class=\"avatar\">\n        <cai-avatar\n          [driver]=\"driver()\"\n          [size]=\"160\"\n          [rounded]=\"rounded()\"\n        ></cai-avatar>\n      </div>\n    } @else {\n      <div class=\"profile-container\">\n        <img\n          [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n          [src]=\"profileUrl()\"\n          draggable=\"false\"\n        />\n      </div>\n    }\n  }\n  @if (logoVariant && logoPreview) {\n    <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl()\">\n      <img class=\"logo-image\" [src]=\"logoUrl()\" draggable=\"false\" />\n    </div>\n  }\n  <!--Image Cropper-->\n  @if (cropFile && showCrop) {\n    @if (!isCropperReady()) {\n      <div class=\"cropper-loader\">\n        <div class=\"spinner\"></div>\n      </div>\n    }\n    <div class=\"cropper-overlay\">\n      <image-cropper\n        #cropper\n        class=\"img-cropper\"\n        [output]=\"'base64'\"\n        [class.logoBorder]=\"logoVariant\"\n        [class.snapback-animate]=\"isSnapbackAnimating()\"\n        [roundCropper]=\"roundedBorder ? true : false\"\n        [hideResizeSquares]=\"true\"\n        [allowMoveImage]=\"true\"\n        [transform]=\"transform()\"\n        (transformChange)=\"onTransformChange($event)\"\n        format=\"png\"\n        [aspectRatio]=\"cropAspectRatio()\"\n        [resizeToWidth]=\"cropWidth()\"\n        [resizeToHeight]=\"cropHeight()\"\n        [containWithinAspectRatio]=\"true\"\n        [imageChangedEvent]=\"imageChangedEvent()\"\n        (imageCropped)=\"imageCropped($event)\"\n        (imageLoaded)=\"imageLoaded($event)\"\n        (cropperReady)=\"cropperReady()\"\n        (loadImageFailed)=\"loadImageFailed()\"\n      ></image-cropper>\n      @if (isCropperReady()) {\n        <div class=\"lower-part\">\n          <div class=\"range\">\n            <input\n              #inputRange\n              type=\"range\"\n              class=\"custom-range\"\n              min=\"1\"\n              max=\"10\"\n              step=\"0.1\"\n              [value]=\"zoomValue()\"\n              (input)=\"onZoomChange($event)\"\n            />\n          </div>\n          <div class=\"cropper-buttons\">\n            <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n            <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n  <!-- Drop Zone -->\n  @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n    <div\n      #dropZoneContainer\n      class=\"drop-zone-container\"\n      [class.has-logo]=\"logoVariant && !!logoUrl()\"\n      (drop)=\"onDrop($event)\"\n      (dragover)=\"onDragOver($event)\"\n      (dragenter)=\"onDragEnter($event)\"\n      (dragleave)=\"onDragLeave($event)\"\n      [class]=\"{\n        'more-docs': docCount >= 3 && largeSize,\n        'small-more-docs': docCount >= 2 && smallSize,\n        'max-reached-drop-design':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-doc':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-video':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          videoVariant,\n        'invalid-file-size': invalidFileSize(),\n        unsupported: unsupported() || invalidFileSize(),\n        smallView: this.smallView() && !dragMode(),\n      }\"\n    >\n      <!-- Drop Zone -->\n      @if (isDualDragActive()) {\n        @for (target of dualTargets; track target) {\n          @let panel = dualDropZones()[target];\n          <div\n            class=\"drop-zone dual-drop-zone-panel\"\n            [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n            [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n            [class.active]=\"activeDualTarget() === target\"\n            (drop)=\"onDualDrop($event, target)\"\n          >\n            @if (panel.title) {\n              <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n            }\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <ng-lottie\n                  [options]=\"{\n                    path:\n                      (target === dualDropTarget.LEFT\n                        ? dropZoneVariant.PROFILE\n                        : variant()\n                      ) | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event, target)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              <div class=\"heading\">\n                {{\n                  activeDualTarget() === target\n                    ? panel.dropLabel\n                    : panel.dragLabel\n                }}\n              </div>\n              <div class=\"description\">{{ panel.description }}</div>\n            </div>\n          </div>\n        }\n      } @else {\n        <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n          @if (dragMode()) {\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <!-- Animation -->\n                <ng-lottie\n                  [options]=\"{\n                    path: variant() | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              @if (isDocumentsMode()) {\n                <p class=\"heading\">DRAG FILES HERE</p>\n              } @else if (documentVariant || videoVariant) {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP FILES HERE\" : \"DRAG FILES HERE\" }}\n                </p>\n              } @else {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP IMAGE HERE\" : \"DRAG IMAGE HERE\" }}\n                </p>\n              }\n            </div>\n          } @else {\n            @let svgIcon = variant() | dropZoneAnimation: true;\n            <svg-icon [name]=\"svgIcon\" class=\"illustration\"></svg-icon>\n            @if (\n              (countFiles <= this.docs().length || maxCountReached()) &&\n              documentVariant\n            ) {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  <span class=\"line\">MAX COUNT</span>\n                  <span class=\"line\">REACHED</span>\n                </p>\n                <p class=\"subtext\">\n                  <span class=\"line\">{{ countFiles }} FILES </span>\n                  <span class=\"line\">IMPORTED</span>\n                </p>\n              </div>\n            } @else {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  @if (documentVariant || videoVariant) {\n                    DRAG FILES\n                    @if (docCount < 1 || isDocumentsMode()) {\n                      <span>HERE</span>\n                    }\n                  } @else if (profileVariant && roundedBorder) {\n                    DRAG IMAGE\n                  } @else {\n                    DRAG IMAGE HERE\n                  }\n                </p>\n                @if (!coverPreview && !profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO ADD</p>\n                }\n                @if (coverPreview || profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO REPLACE</p>\n                }\n                @if (videoVariant) {\n                  <p class=\"video-subtext\">\n                    max file size {{ maxFileSize() }}mb\n                  </p>\n                }\n              </div>\n              @if (isDocumentsMode()) {\n                <button\n                  class=\"cancel-button-documents\"\n                  ngbTooltip=\"Cancel\"\n                  [placement]=\"'bottom'\"\n                  container=\"body\"\n                  triggers=\"mouseenter:mouseleave\"\n                  tooltipClass=\"tooltip tooltip-m-b-2\"\n                >\n                  <svg-icon\n                    name=\"cai-cancel\"\n                    class=\"cancel-icon\"\n                    (click)=\"onCancel($event)\"\n                  ></svg-icon>\n                </button>\n              }\n            }\n          }\n        </div>\n      }\n\n      <input\n        type=\"file\"\n        aria-hidden=\"true\"\n        multiple\n        class=\"drop-zone-input\"\n        #inputRef\n        (input)=\"onInput($event)\"\n        (change)=\"fileChangeEvent($event)\"\n      />\n\n      <!-- Drop Zone Error -->\n      <div class=\"drop-zone-error\">\n        @if (invalidFileSize()) {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE SIZE</p>\n            <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n          </div>\n        } @else {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE TYPE</p>\n            <p class=\"subtext\">SUPPORTED FORMATS</p>\n          </div>\n          <div class=\"file-types\">\n            @for (type of supportedFileTypes(); track $index) {\n              <p\n                class=\"badge\"\n                [class]=\"{\n                  pdf: type === 'pdf',\n                  video: ['avi', 'mp4', 'mov'].includes(type),\n                  image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n                }\"\n              >\n                {{ type }}\n              </p>\n            }\n          </div>\n        }\n        <button class=\"cancel-button\">\n          <svg-icon\n            name=\"cai-cancel\"\n            class=\"cancel-icon\"\n            (click)=\"cancel()\"\n          ></svg-icon>\n        </button>\n      </div>\n    </div>\n  }\n  @if (isLoadingSkeleton() && skeletonCount() > 0) {\n    <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n  } @else {\n    <!-- Carousel -->\n    @if (docCount > 0 && (documentVariant || videoVariant)) {\n      <div #docsViewport class=\"docs\">\n        <div\n          class=\"doc-container\"\n          [class.documents-container-grid]=\"isDocumentsMode()\"\n          [style.transform]=\"isDocumentsMode() ? '' : carouselTransform()\"\n          [style.--carousel-index]=\"isDocumentsMode() ? null : carouselIndex()\"\n        >\n          @for (doc of docs(); track doc.fileId) {\n            <cai-document-preview\n              [class.doc-visible]=\"\n                isDetailsSlider() && $index === carouselIndex()\n              \"\n              [class.doc-hidden]=\"\n                isDetailsSlider() && $index !== carouselIndex()\n              \"\n              class=\"doc\"\n              [file]=\"doc\"\n              [tags]=\"documentTags()\"\n              [searchText]=\"searchText()\"\n              [cdlDetailsMode]=\"isDetailsSlider()\"\n              [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n              [maxAspectRatio]=\"\n                isDetailsSlider() && docCount > 1\n                  ? maxDetailsAspectRatio()\n                  : null\n              \"\n              [drawerMode]=\"isDrawerMode()\"\n              [isCoverDetails]=\"isCoverDetails()\"\n              [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n              (onDelete)=\"handleDelete($event)\"\n              (onDownload)=\"handleDownload($event)\"\n              (onTagChange)=\"handleTagChange($event)\"\n              (onFileNameChange)=\"handleFileNameChange($event)\"\n              (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n              (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n            ></cai-document-preview>\n          }\n        </div>\n        @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n          <button\n            class=\"carousel-button carousel-left\"\n            type=\"button\"\n            (click)=\"carouselLeft()\"\n            [disabled]=\"carouselIndex() === 0\"\n            [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n          </button>\n          <button\n            class=\"carousel-button carousel-right\"\n            type=\"button\"\n            (click)=\"carouselRight()\"\n            [disabled]=\"isCarouselAtEnd()\"\n            [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n          </button>\n        }\n        @if (isDetailsSlider() && docCount > 1) {\n          <div class=\"sliders\">\n            @for (doc of docs(); track $index) {\n              <div\n                class=\"slider-item\"\n                (click)=\"carouselIndex.set($index)\"\n                [class.active]=\"$index === carouselIndex()\"\n              ></div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n  <div\n    class=\"skeleton-container\"\n    [ngClass]=\"{\n      'documents-container-grid': isDocumentsMode(),\n      'drawer-position': isDrawerMode(),\n    }\"\n  >\n    @for (item of skeletonItems(); track $index) {\n      <div class=\"skeleton-item\">\n        <div class=\"skeleton-bar\"></div>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .video-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-video .drop-zone{padding:13px 0!important;flex-direction:column}.invalid-file-size .drop-zone .illustration{display:none!important}.invalid-file-size .drop-zone .drop-zone-text{padding-left:20px;padding-right:20px}.drop-zone-error{position:absolute;inset:0;background-color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;margin:4px;outline:4px dashed #ed9292;border-radius:2px;padding:52px 12px;gap:12px}.drop-zone-error .cancel-button{cursor:pointer;background-color:transparent;position:absolute;top:2px;right:2px;height:26px;width:26px;padding:0;display:grid;place-items:center;transition:color .2s ease-in-out;color:#919191}.drop-zone-error .cancel-button:hover{color:#424242}.drop-zone-error .file-types{display:flex;align-items:center;gap:2px;text-transform:uppercase;max-width:100%;flex-wrap:wrap;justify-content:center}.drop-zone-error .badge{font-size:11px;font-weight:900;color:#fff;line-height:14px;padding:2px 4px;width:35px;border-radius:1px;margin-bottom:0;text-align:center;background-color:#919191}.drop-zone-error .pdf{background-color:#e66767}.drop-zone-error .video{background-color:#b370f0}.drop-zone-error .image{background-color:#fab15c}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // modules
-                CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
+                CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
                 // components
                 SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: DocumentPreviewComponent, selector: "cai-document-preview", inputs: ["cdlDetailsMode", "multipleDetailsDocs", "maxAspectRatio", "noTagOption", "drawerMode", "isCoverDetails", "isNewTag", "hasExpired", "searchText", "tags", "file", "viewMode"], outputs: ["onFileNameChange", "onDocumentPreviewClick", "aspectRatioChange", "onDelete", "onDownload", "onTagChange"] }, { kind: "component", type: ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }, { kind: "component", type: AvatarComponent, selector: "cai-avatar", inputs: ["driver", "size", "rounded", "inverse", "customHoverSize", "hover"] }, { kind: "component", type: LottieComponent, selector: "ng-lottie", inputs: ["width", "height"] }, { kind: "pipe", type: 
                 //pipes
-                DragModeAnimationPipe, name: "dropZoneAnimation" }] });
+                DragModeAnimationPipe, name: "dropZoneAnimation" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DropZoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cai-drop-zone', imports: [
+            args: [{ selector: 'cai-drop-zone', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(document:dragenter)': 'onDocumentDragEnter($event)',
+                        '(document:dragover)': 'onDocumentDragOver($event)',
+                        '(document:dragleave)': 'onWindowDragLeave($event)',
+                        '(document:drop)': 'onDocumentDrop($event)',
+                    }, imports: [
                         // modules
                         CommonModule,
                         NgbTooltipModule,
@@ -6047,52 +5917,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         LottieComponent,
                         //pipes
                         DragModeAnimationPipe,
-                    ], providers: [], template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let videoVariant = variant() === dropZoneVariant.VIDEO;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl !== \"\";\n@let profilePreview = profileUrl !== \"\"; @let logoPreview = !!logoUrl;\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n  <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n  <div\n    class=\"drop-zone-dimensions-lock\"\n    [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n    [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n  ></div>\n}\n\n<div\n  #containerRef\n  class=\"container\"\n  [class]=\"{\n    'picture-container': profileVariant || coverVariant,\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\n    'dual-drop-mode': isDualDragActive(),\n    'dual-drop-focus-left':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n    'dual-drop-focus-right':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n    onDragover: onDragover(),\n    logoVar: logoVariant,\n    hasCropper: isCropperReady(),\n    'is-details-slider': isDetailsSlider(),\n    'is-drawer-mode': isDrawerMode(),\n    isCoverDetails: isCoverDetails(),\n    'is-documents-mode': isDocumentsMode(),\n  }\"\n>\n  @if (coverVariant && coverPreview) {\n    <div class=\"cover-container\">\n      <img [src]=\"coverUrl\" class=\"cover-image\" draggable=\"false\" />\n    </div>\n  }\n  @if (profileVariant) {\n    @if (!profilePreview) {\n      <div class=\"avatar\">\n        <cai-avatar\n          [driver]=\"driver()\"\n          [size]=\"160\"\n          [rounded]=\"rounded()\"\n        ></cai-avatar>\n      </div>\n    } @else {\n      <div class=\"profile-container\">\n        <img\n          [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n          [src]=\"profileUrl\"\n          draggable=\"false\"\n        />\n      </div>\n    }\n  }\n  @if (logoVariant && logoPreview) {\n    <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl\">\n      <img class=\"logo-image\" [src]=\"logoUrl\" draggable=\"false\" />\n    </div>\n  }\n  <!--Image Cropper-->\n  @if (cropFile && showCrop) {\n    @if (!isCropperReady()) {\n      <div class=\"cropper-loader\">\n        <div class=\"spinner\"></div>\n      </div>\n    }\n    <div class=\"cropper-overlay\">\n      <image-cropper\n        #cropper\n        class=\"img-cropper\"\n        [output]=\"'base64'\"\n        [class.logoBorder]=\"logoVariant\"\n        [class.snapback-animate]=\"isSnapbackAnimating()\"\n        [roundCropper]=\"roundedBorder ? true : false\"\n        [hideResizeSquares]=\"true\"\n        [allowMoveImage]=\"true\"\n        [transform]=\"transform\"\n        (transformChange)=\"onTransformChange($event)\"\n        format=\"png\"\n        [aspectRatio]=\"ratioHelper()\"\n        [resizeToWidth]=\"cropWidth()\"\n        [resizeToHeight]=\"cropHeight()\"\n        [containWithinAspectRatio]=\"true\"\n        [imageChangedEvent]=\"imageChangedEvent\"\n        (imageCropped)=\"imageCropped($event)\"\n        (imageLoaded)=\"imageLoaded($event)\"\n        (cropperReady)=\"cropperReady()\"\n        (loadImageFailed)=\"loadImageFailed()\"\n      ></image-cropper>\n      @if (isCropperReady()) {\n        <div class=\"lower-part\">\n          <div class=\"range\">\n            <input\n              #inputRange\n              type=\"range\"\n              class=\"custom-range\"\n              min=\"1\"\n              max=\"10\"\n              step=\"0.1\"\n              [value]=\"zoomValue()\"\n              (input)=\"onZoomChange($event)\"\n            />\n          </div>\n          <div class=\"cropper-buttons\">\n            <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n            <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n  <!-- Drop Zone -->\n  @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n    <div\n      #dropZoneContainer\n      class=\"drop-zone-container\"\n      [class.has-logo]=\"logoVariant && !!logoUrl\"\n      (drop)=\"onDrop($event)\"\n      (dragover)=\"onDragOver($event)\"\n      (dragenter)=\"onDragEnter($event)\"\n      (dragleave)=\"onDragLeave($event)\"\n      [class]=\"{\n        'more-docs': docCount >= 3 && largeSize,\n        'small-more-docs': docCount >= 2 && smallSize,\n        'max-reached-drop-design':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-doc':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-video':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          videoVariant,\n        'invalid-file-size': invalidFileSize(),\n        unsupported: unsupported() || invalidFileSize(),\n        smallView: this.smallView() && !dragMode(),\n      }\"\n    >\n      <!-- Drop Zone -->\n      @if (isDualDragActive()) {\n        @for (target of dualTargets; track target) {\n          @let panel = dualDropZones()[target];\n          <div\n            class=\"drop-zone dual-drop-zone-panel\"\n            [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n            [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n            [class.active]=\"activeDualTarget() === target\"\n            (drop)=\"onDualDrop($event, target)\"\n          >\n            @if (panel.title) {\n              <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n            }\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <ng-lottie\n                  [options]=\"{\n                    path:\n                      (target === dualDropTarget.LEFT\n                        ? dropZoneVariant.PROFILE\n                        : variant()) | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event, target)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              <div class=\"heading\">\n                {{\n                  activeDualTarget() === target\n                    ? panel.dropLabel\n                    : panel.dragLabel\n                }}\n              </div>\n              <div class=\"description\">{{ panel.description }}</div>\n            </div>\n          </div>\n        }\n      } @else {\n        <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n          @if (dragMode()) {\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <!-- Animation -->\n                <ng-lottie\n                  [options]=\"{\n                    path: variant() | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              @if (isDocumentsMode()) {\n                <p class=\"heading\">DRAG FILES HERE</p>\n              } @else if (documentVariant || videoVariant) {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP FILES HERE\" : \"DRAG FILES HERE\" }}\n                </p>\n              } @else {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP IMAGE HERE\" : \"DRAG IMAGE HERE\" }}\n                </p>\n              }\n            </div>\n          } @else {\n            @let svgIcon = variant() | dropZoneAnimation: true;\n            <svg-icon [name]=\"svgIcon\" class=\"illustration\"></svg-icon>\n            @if (\n              (countFiles <= this.docs().length || maxCountReached()) &&\n              documentVariant\n            ) {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  <span class=\"line\">MAX COUNT</span>\n                  <span class=\"line\">REACHED</span>\n                </p>\n                <p class=\"subtext\">\n                  <span class=\"line\">{{ countFiles }} FILES </span>\n                  <span class=\"line\">IMPORTED</span>\n                </p>\n              </div>\n            } @else {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  @if (documentVariant || videoVariant) {\n                    DRAG FILES\n                    @if (docCount < 1 || isDocumentsMode()) {\n                      <span>HERE</span>\n                    }\n                  } @else if (profileVariant && roundedBorder) {\n                    DRAG IMAGE\n                  } @else {\n                    DRAG IMAGE HERE\n                  }\n                </p>\n                @if (!coverPreview && !profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO ADD</p>\n                }\n                @if (coverPreview || profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO REPLACE</p>\n                }\n                @if (videoVariant) {\n                  <p class=\"video-subtext\">\n                    max file size {{ maxFileSize() }}mb\n                  </p>\n                }\n              </div>\n              @if (isDocumentsMode()) {\n                <button\n                  class=\"cancel-button-documents\"\n                  ngbTooltip=\"Cancel\"\n                  [placement]=\"'bottom'\"\n                  container=\"body\"\n                  triggers=\"mouseenter:mouseleave\"\n                  tooltipClass=\"tooltip tooltip-m-b-2\"\n                >\n                  <svg-icon\n                    name=\"cai-cancel\"\n                    class=\"cancel-icon\"\n                    (click)=\"onCancel($event)\"\n                  ></svg-icon>\n                </button>\n              }\n            }\n          }\n        </div>\n      }\n\n      <input\n        type=\"file\"\n        aria-hidden=\"true\"\n        multiple\n        class=\"drop-zone-input\"\n        #inputRef\n        (input)=\"onInput($event)\"\n        (change)=\"fileChangeEvent($event)\"\n      />\n\n      <!-- Drop Zone Error -->\n      <div class=\"drop-zone-error\">\n        @if (invalidFileSize()) {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE SIZE</p>\n            <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n          </div>\n        } @else {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE TYPE</p>\n            <p class=\"subtext\">SUPPORTED FORMATS</p>\n          </div>\n          <div class=\"file-types\">\n            @for (type of supportedFileTypes(); track $index) {\n              <p\n                class=\"badge\"\n                [class]=\"{\n                  pdf: type === 'pdf',\n                  video: ['avi', 'mp4', 'mov'].includes(type),\n                  image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n                }\"\n              >\n                {{ type }}\n              </p>\n            }\n          </div>\n        }\n        <button class=\"cancel-button\">\n          <svg-icon\n            name=\"cai-cancel\"\n            class=\"cancel-icon\"\n            (click)=\"cancel()\"\n          ></svg-icon>\n        </button>\n      </div>\n    </div>\n  }\n  @if (isLoadingSkeleton() && skeletonCount() > 0) {\n    <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n  } @else {\n    <!-- Carousel -->\n    @if (docCount > 0 && (documentVariant || videoVariant)) {\n      <div #docsViewport class=\"docs\">\n        <div\n          class=\"doc-container\"\n          [class.documents-container-grid]=\"isDocumentsMode()\"\n          [style.transform]=\"isDocumentsMode() ? '' : carouselTransform()\"\n          [style.--carousel-index]=\"isDocumentsMode() ? null : carouselIndex()\"\n        >\n          @for (doc of docs(); track doc.fileId) {\n            <cai-document-preview\n              [class.doc-visible]=\"\n                isDetailsSlider() && $index === carouselIndex()\n              \"\n              [class.doc-hidden]=\"\n                isDetailsSlider() && $index !== carouselIndex()\n              \"\n              class=\"doc\"\n              [file]=\"doc\"\n              [tags]=\"documentTags()\"\n              [searchText]=\"searchText()\"\n              [cdlDetailsMode]=\"isDetailsSlider()\"\n              [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n              [maxAspectRatio]=\"\n                isDetailsSlider() && docCount > 1\n                  ? maxDetailsAspectRatio()\n                  : null\n              \"\n              [drawerMode]=\"isDrawerMode()\"\n              [isCoverDetails]=\"isCoverDetails()\"\n              [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n              (onDelete)=\"handleDelete($event)\"\n              (onDownload)=\"handleDownload($event)\"\n              (onTagChange)=\"handleTagChange($event)\"\n              (onFileNameChange)=\"handleFileNameChange($event)\"\n              (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n              (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n            ></cai-document-preview>\n          }\n        </div>\n        @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n          <button\n            class=\"carousel-button carousel-left\"\n            type=\"button\"\n            (click)=\"carouselLeft()\"\n            [disabled]=\"carouselIndex() === 0\"\n            [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n          </button>\n          <button\n            class=\"carousel-button carousel-right\"\n            type=\"button\"\n            (click)=\"carouselRight()\"\n            [disabled]=\"isCarouselAtEnd()\"\n            [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n          </button>\n        }\n        @if (isDetailsSlider() && docCount > 1) {\n          <div class=\"sliders\">\n            @for (doc of docs(); track $index) {\n              <div\n                class=\"slider-item\"\n                (click)=\"carouselIndex.set($index)\"\n                [class.active]=\"$index === carouselIndex()\"\n              ></div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n  <div\n    class=\"skeleton-container\"\n    [ngClass]=\"{\n      'documents-container-grid': isDocumentsMode(),\n      'drawer-position': isDrawerMode(),\n    }\"\n  >\n    @for (item of skeletonItems(); track $index) {\n      <div class=\"skeleton-item\">\n        <div class=\"skeleton-bar\"></div>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .video-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-video .drop-zone{padding:13px 0!important;flex-direction:column}.invalid-file-size .drop-zone .illustration{display:none!important}.invalid-file-size .drop-zone .drop-zone-text{padding-left:20px;padding-right:20px}.drop-zone-error{position:absolute;inset:0;background-color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;margin:4px;outline:4px dashed #ed9292;border-radius:2px;padding:52px 12px;gap:12px}.drop-zone-error .cancel-button{cursor:pointer;background-color:transparent;position:absolute;top:2px;right:2px;height:26px;width:26px;padding:0;display:grid;place-items:center;transition:color .2s ease-in-out;color:#919191}.drop-zone-error .cancel-button:hover{color:#424242}.drop-zone-error .file-types{display:flex;align-items:center;gap:2px;text-transform:uppercase;max-width:100%;flex-wrap:wrap;justify-content:center}.drop-zone-error .badge{font-size:11px;font-weight:900;color:#fff;line-height:14px;padding:2px 4px;width:35px;border-radius:1px;margin-bottom:0;text-align:center;background-color:#919191}.drop-zone-error .pdf{background-color:#e66767}.drop-zone-error .video{background-color:#b370f0}.drop-zone-error .image{background-color:#fab15c}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }], propDecorators: { crop: [{ type: i0.Input, args: [{ isSignal: true, alias: "crop", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], deletedFileIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletedFileIds", required: false }] }], maxCountFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCountFiles", required: false }] }], isDetailsSlider: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDetailsSlider", required: false }] }], isDrawerMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDrawerMode", required: false }] }], isCoverDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCoverDetails", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], isDocumentsMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDocumentsMode", required: false }] }], documentsDropZoneOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentsDropZoneOpen", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }], avatarColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarColor", required: false }] }], isDualDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDualDropZone", required: false }] }], dualDropZones: [{ type: i0.Input, args: [{ isSignal: true, alias: "dualDropZones", required: false }] }], files: [{
-                type: Input
-            }], onDeletedFileIds: [{
-                type: Output
-            }], onDocsChange: [{
-                type: Output
-            }], onDocumentPreviewClick: [{
-                type: Output
-            }], onDocumentFileNameChange: [{
-                type: Output
-            }], onCropPendingChange: [{
-                type: Output
-            }], onDocumentDropZoneOpenChange: [{
-                type: Output
-            }], onDualDropChange: [{ type: i0.Output, args: ["onDualDropChange"] }], cropper: [{
-                type: ViewChild,
-                args: ['cropper']
-            }], inputRange: [{
-                type: ViewChild,
-                args: ['inputRange']
-            }], containerElementRef: [{
-                type: ViewChild,
-                args: ['containerRef']
-            }], dropZoneContainer: [{
-                type: ViewChild,
-                args: ['dropZoneContainer']
-            }], docsViewport: [{
-                type: ViewChild,
-                args: ['docsViewport']
-            }], parentForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentForm", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], documentTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentTags", required: false }] }], excludedFileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFileTypes", required: false }] }], fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileTypes", required: false }] }], onDocumentDragEnter: [{
-                type: HostListener,
-                args: ['document:dragenter', ['$event']]
-            }], onDocumentDragOver: [{
-                type: HostListener,
-                args: ['document:dragover', ['$event']]
-            }], onWindowDragLeave: [{
-                type: HostListener,
-                args: ['document:dragleave', ['$event']]
-            }], onDocumentDrop: [{
-                type: HostListener,
-                args: ['document:drop', ['$event']]
-            }], inputRef: [{
-                type: ViewChild,
-                args: ['inputRef']
-            }] } });
+                    ], template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let videoVariant = variant() === dropZoneVariant.VIDEO;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl() !== \"\";\n@let profilePreview = profileUrl() !== \"\"; @let logoPreview = !!logoUrl();\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n  <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n  <div\n    class=\"drop-zone-dimensions-lock\"\n    [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n    [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n  ></div>\n}\n\n<div\n  #containerRef\n  class=\"container\"\n  [class]=\"{\n    'picture-container': profileVariant || coverVariant,\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\n    'dual-drop-mode': isDualDragActive(),\n    'dual-drop-focus-left':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n    'dual-drop-focus-right':\n      isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n    onDragover: onDragover(),\n    logoVar: logoVariant,\n    hasCropper: isCropperReady(),\n    'is-details-slider': isDetailsSlider(),\n    'is-drawer-mode': isDrawerMode(),\n    isCoverDetails: isCoverDetails(),\n    'is-documents-mode': isDocumentsMode(),\n  }\"\n>\n  @if (coverVariant && coverPreview) {\n    <div class=\"cover-container\">\n      <img [src]=\"coverUrl()\" class=\"cover-image\" draggable=\"false\" />\n    </div>\n  }\n  @if (profileVariant) {\n    @if (!profilePreview) {\n      <div class=\"avatar\">\n        <cai-avatar\n          [driver]=\"driver()\"\n          [size]=\"160\"\n          [rounded]=\"rounded()\"\n        ></cai-avatar>\n      </div>\n    } @else {\n      <div class=\"profile-container\">\n        <img\n          [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n          [src]=\"profileUrl()\"\n          draggable=\"false\"\n        />\n      </div>\n    }\n  }\n  @if (logoVariant && logoPreview) {\n    <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl()\">\n      <img class=\"logo-image\" [src]=\"logoUrl()\" draggable=\"false\" />\n    </div>\n  }\n  <!--Image Cropper-->\n  @if (cropFile && showCrop) {\n    @if (!isCropperReady()) {\n      <div class=\"cropper-loader\">\n        <div class=\"spinner\"></div>\n      </div>\n    }\n    <div class=\"cropper-overlay\">\n      <image-cropper\n        #cropper\n        class=\"img-cropper\"\n        [output]=\"'base64'\"\n        [class.logoBorder]=\"logoVariant\"\n        [class.snapback-animate]=\"isSnapbackAnimating()\"\n        [roundCropper]=\"roundedBorder ? true : false\"\n        [hideResizeSquares]=\"true\"\n        [allowMoveImage]=\"true\"\n        [transform]=\"transform()\"\n        (transformChange)=\"onTransformChange($event)\"\n        format=\"png\"\n        [aspectRatio]=\"cropAspectRatio()\"\n        [resizeToWidth]=\"cropWidth()\"\n        [resizeToHeight]=\"cropHeight()\"\n        [containWithinAspectRatio]=\"true\"\n        [imageChangedEvent]=\"imageChangedEvent()\"\n        (imageCropped)=\"imageCropped($event)\"\n        (imageLoaded)=\"imageLoaded($event)\"\n        (cropperReady)=\"cropperReady()\"\n        (loadImageFailed)=\"loadImageFailed()\"\n      ></image-cropper>\n      @if (isCropperReady()) {\n        <div class=\"lower-part\">\n          <div class=\"range\">\n            <input\n              #inputRange\n              type=\"range\"\n              class=\"custom-range\"\n              min=\"1\"\n              max=\"10\"\n              step=\"0.1\"\n              [value]=\"zoomValue()\"\n              (input)=\"onZoomChange($event)\"\n            />\n          </div>\n          <div class=\"cropper-buttons\">\n            <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n            <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n          </div>\n        </div>\n      }\n    </div>\n  }\n  <!-- Drop Zone -->\n  @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n    <div\n      #dropZoneContainer\n      class=\"drop-zone-container\"\n      [class.has-logo]=\"logoVariant && !!logoUrl()\"\n      (drop)=\"onDrop($event)\"\n      (dragover)=\"onDragOver($event)\"\n      (dragenter)=\"onDragEnter($event)\"\n      (dragleave)=\"onDragLeave($event)\"\n      [class]=\"{\n        'more-docs': docCount >= 3 && largeSize,\n        'small-more-docs': docCount >= 2 && smallSize,\n        'max-reached-drop-design':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-doc':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          documentVariant,\n        'max-reached-more-video':\n          (countFiles <= this.docs().length || maxCountReached()) &&\n          videoVariant,\n        'invalid-file-size': invalidFileSize(),\n        unsupported: unsupported() || invalidFileSize(),\n        smallView: this.smallView() && !dragMode(),\n      }\"\n    >\n      <!-- Drop Zone -->\n      @if (isDualDragActive()) {\n        @for (target of dualTargets; track target) {\n          @let panel = dualDropZones()[target];\n          <div\n            class=\"drop-zone dual-drop-zone-panel\"\n            [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n            [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n            [class.active]=\"activeDualTarget() === target\"\n            (drop)=\"onDualDrop($event, target)\"\n          >\n            @if (panel.title) {\n              <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n            }\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <ng-lottie\n                  [options]=\"{\n                    path:\n                      (target === dualDropTarget.LEFT\n                        ? dropZoneVariant.PROFILE\n                        : variant()\n                      ) | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event, target)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              <div class=\"heading\">\n                {{\n                  activeDualTarget() === target\n                    ? panel.dropLabel\n                    : panel.dragLabel\n                }}\n              </div>\n              <div class=\"description\">{{ panel.description }}</div>\n            </div>\n          </div>\n        }\n      } @else {\n        <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n          @if (dragMode()) {\n            <div class=\"drag-icons-container\">\n              @if (isDocumentsMode()) {\n                <svg-icon\n                  name=\"cai-drop-zone-focus\"\n                  class=\"illustration drag-icon-document\"\n                ></svg-icon>\n              } @else {\n                <!-- Animation -->\n                <ng-lottie\n                  [options]=\"{\n                    path: variant() | dropZoneAnimation,\n                    loop: false,\n                    autoplay: false,\n                  }\"\n                  (animationCreated)=\"animationCreated($event)\"\n                ></ng-lottie>\n              }\n            </div>\n            <div class=\"drop-zone-focus-text\">\n              @if (isDocumentsMode()) {\n                <p class=\"heading\">DRAG FILES HERE</p>\n              } @else if (documentVariant || videoVariant) {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP FILES HERE\" : \"DRAG FILES HERE\" }}\n                </p>\n              } @else {\n                <p class=\"heading\">\n                  {{ onDragover() ? \"DROP IMAGE HERE\" : \"DRAG IMAGE HERE\" }}\n                </p>\n              }\n            </div>\n          } @else {\n            @let svgIcon = variant() | dropZoneAnimation: true;\n            <svg-icon [name]=\"svgIcon\" class=\"illustration\"></svg-icon>\n            @if (\n              (countFiles <= this.docs().length || maxCountReached()) &&\n              documentVariant\n            ) {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  <span class=\"line\">MAX COUNT</span>\n                  <span class=\"line\">REACHED</span>\n                </p>\n                <p class=\"subtext\">\n                  <span class=\"line\">{{ countFiles }} FILES </span>\n                  <span class=\"line\">IMPORTED</span>\n                </p>\n              </div>\n            } @else {\n              <div class=\"drop-zone-text\">\n                <p class=\"heading\">\n                  @if (documentVariant || videoVariant) {\n                    DRAG FILES\n                    @if (docCount < 1 || isDocumentsMode()) {\n                      <span>HERE</span>\n                    }\n                  } @else if (profileVariant && roundedBorder) {\n                    DRAG IMAGE\n                  } @else {\n                    DRAG IMAGE HERE\n                  }\n                </p>\n                @if (!coverPreview && !profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO ADD</p>\n                }\n                @if (coverPreview || profilePreview) {\n                  <p class=\"subtext\">OR CLICK TO REPLACE</p>\n                }\n                @if (videoVariant) {\n                  <p class=\"video-subtext\">\n                    max file size {{ maxFileSize() }}mb\n                  </p>\n                }\n              </div>\n              @if (isDocumentsMode()) {\n                <button\n                  class=\"cancel-button-documents\"\n                  ngbTooltip=\"Cancel\"\n                  [placement]=\"'bottom'\"\n                  container=\"body\"\n                  triggers=\"mouseenter:mouseleave\"\n                  tooltipClass=\"tooltip tooltip-m-b-2\"\n                >\n                  <svg-icon\n                    name=\"cai-cancel\"\n                    class=\"cancel-icon\"\n                    (click)=\"onCancel($event)\"\n                  ></svg-icon>\n                </button>\n              }\n            }\n          }\n        </div>\n      }\n\n      <input\n        type=\"file\"\n        aria-hidden=\"true\"\n        multiple\n        class=\"drop-zone-input\"\n        #inputRef\n        (input)=\"onInput($event)\"\n        (change)=\"fileChangeEvent($event)\"\n      />\n\n      <!-- Drop Zone Error -->\n      <div class=\"drop-zone-error\">\n        @if (invalidFileSize()) {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE SIZE</p>\n            <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n          </div>\n        } @else {\n          <div class=\"drop-zone-text\">\n            <p class=\"heading invalid\">INVALID FILE TYPE</p>\n            <p class=\"subtext\">SUPPORTED FORMATS</p>\n          </div>\n          <div class=\"file-types\">\n            @for (type of supportedFileTypes(); track $index) {\n              <p\n                class=\"badge\"\n                [class]=\"{\n                  pdf: type === 'pdf',\n                  video: ['avi', 'mp4', 'mov'].includes(type),\n                  image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n                }\"\n              >\n                {{ type }}\n              </p>\n            }\n          </div>\n        }\n        <button class=\"cancel-button\">\n          <svg-icon\n            name=\"cai-cancel\"\n            class=\"cancel-icon\"\n            (click)=\"cancel()\"\n          ></svg-icon>\n        </button>\n      </div>\n    </div>\n  }\n  @if (isLoadingSkeleton() && skeletonCount() > 0) {\n    <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n  } @else {\n    <!-- Carousel -->\n    @if (docCount > 0 && (documentVariant || videoVariant)) {\n      <div #docsViewport class=\"docs\">\n        <div\n          class=\"doc-container\"\n          [class.documents-container-grid]=\"isDocumentsMode()\"\n          [style.transform]=\"isDocumentsMode() ? '' : carouselTransform()\"\n          [style.--carousel-index]=\"isDocumentsMode() ? null : carouselIndex()\"\n        >\n          @for (doc of docs(); track doc.fileId) {\n            <cai-document-preview\n              [class.doc-visible]=\"\n                isDetailsSlider() && $index === carouselIndex()\n              \"\n              [class.doc-hidden]=\"\n                isDetailsSlider() && $index !== carouselIndex()\n              \"\n              class=\"doc\"\n              [file]=\"doc\"\n              [tags]=\"documentTags()\"\n              [searchText]=\"searchText()\"\n              [cdlDetailsMode]=\"isDetailsSlider()\"\n              [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n              [maxAspectRatio]=\"\n                isDetailsSlider() && docCount > 1\n                  ? maxDetailsAspectRatio()\n                  : null\n              \"\n              [drawerMode]=\"isDrawerMode()\"\n              [isCoverDetails]=\"isCoverDetails()\"\n              [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n              (onDelete)=\"handleDelete($event)\"\n              (onDownload)=\"handleDownload($event)\"\n              (onTagChange)=\"handleTagChange($event)\"\n              (onFileNameChange)=\"handleFileNameChange($event)\"\n              (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n              (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n            ></cai-document-preview>\n          }\n        </div>\n        @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n          <button\n            class=\"carousel-button carousel-left\"\n            type=\"button\"\n            (click)=\"carouselLeft()\"\n            [disabled]=\"carouselIndex() === 0\"\n            [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n          </button>\n          <button\n            class=\"carousel-button carousel-right\"\n            type=\"button\"\n            (click)=\"carouselRight()\"\n            [disabled]=\"isCarouselAtEnd()\"\n            [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n          >\n            <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n          </button>\n        }\n        @if (isDetailsSlider() && docCount > 1) {\n          <div class=\"sliders\">\n            @for (doc of docs(); track $index) {\n              <div\n                class=\"slider-item\"\n                (click)=\"carouselIndex.set($index)\"\n                [class.active]=\"$index === carouselIndex()\"\n              ></div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n  <div\n    class=\"skeleton-container\"\n    [ngClass]=\"{\n      'documents-container-grid': isDocumentsMode(),\n      'drawer-position': isDrawerMode(),\n    }\"\n  >\n    @for (item of skeletonItems(); track $index) {\n      <div class=\"skeleton-item\">\n        <div class=\"skeleton-bar\"></div>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .video-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-video .drop-zone{padding:13px 0!important;flex-direction:column}.invalid-file-size .drop-zone .illustration{display:none!important}.invalid-file-size .drop-zone .drop-zone-text{padding-left:20px;padding-right:20px}.drop-zone-error{position:absolute;inset:0;background-color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;margin:4px;outline:4px dashed #ed9292;border-radius:2px;padding:52px 12px;gap:12px}.drop-zone-error .cancel-button{cursor:pointer;background-color:transparent;position:absolute;top:2px;right:2px;height:26px;width:26px;padding:0;display:grid;place-items:center;transition:color .2s ease-in-out;color:#919191}.drop-zone-error .cancel-button:hover{color:#424242}.drop-zone-error .file-types{display:flex;align-items:center;gap:2px;text-transform:uppercase;max-width:100%;flex-wrap:wrap;justify-content:center}.drop-zone-error .badge{font-size:11px;font-weight:900;color:#fff;line-height:14px;padding:2px 4px;width:35px;border-radius:1px;margin-bottom:0;text-align:center;background-color:#919191}.drop-zone-error .pdf{background-color:#e66767}.drop-zone-error .video{background-color:#b370f0}.drop-zone-error .image{background-color:#fab15c}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { containerRef: [{ type: i0.ViewChild, args: ['containerRef', { isSignal: true }] }], cropper: [{ type: i0.ViewChild, args: ['cropper', { isSignal: true }] }], docsViewport: [{ type: i0.ViewChild, args: ['docsViewport', { isSignal: true }] }], dropZoneContainer: [{ type: i0.ViewChild, args: ['dropZoneContainer', { isSignal: true }] }], inputRange: [{ type: i0.ViewChild, args: ['inputRange', { isSignal: true }] }], inputRef: [{ type: i0.ViewChild, args: ['inputRef', { isSignal: true }] }], avatarColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarColor", required: false }] }], crop: [{ type: i0.Input, args: [{ isSignal: true, alias: "crop", required: false }] }], deletedFileIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletedFileIds", required: false }] }], documentsDropZoneOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentsDropZoneOpen", required: false }] }], documentTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentTags", required: false }] }], dualDropZones: [{ type: i0.Input, args: [{ isSignal: true, alias: "dualDropZones", required: false }] }], excludedFileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFileTypes", required: false }] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }], fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileTypes", required: false }] }], isCoverDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCoverDetails", required: false }] }], isDetailsSlider: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDetailsSlider", required: false }] }], isDocumentsMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDocumentsMode", required: false }] }], isDrawerMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDrawerMode", required: false }] }], isDualDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDualDropZone", required: false }] }], maxCountFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCountFiles", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], parentForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentForm", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], onCropPendingChange: [{ type: i0.Output, args: ["onCropPendingChange"] }], onDeletedFileIds: [{ type: i0.Output, args: ["onDeletedFileIds"] }], onDocsChange: [{ type: i0.Output, args: ["onDocsChange"] }], onDocumentDropZoneOpenChange: [{ type: i0.Output, args: ["onDocumentDropZoneOpenChange"] }], onDocumentFileNameChange: [{ type: i0.Output, args: ["onDocumentFileNameChange"] }], onDocumentPreviewClick: [{ type: i0.Output, args: ["onDocumentPreviewClick"] }], onDualDropChange: [{ type: i0.Output, args: ["onDualDropChange"] }] } });
 
 const supportedFileTypes = [
     'mp4',
@@ -6143,15 +5969,19 @@ class CalendarStrategy {
     startedHeight;
     FULL_SIZE;
     SCROLL_TYPE;
-    constructor(calendarService, startedHeight, FULL_SIZE, SCROLL_TYPE) {
+    zone;
+    constructor(calendarService, startedHeight, FULL_SIZE, SCROLL_TYPE, zone) {
         this.calendarService = calendarService;
         this.startedHeight = startedHeight;
         this.FULL_SIZE = FULL_SIZE;
         this.SCROLL_TYPE = SCROLL_TYPE;
+        this.zone = zone;
     }
     index$ = new Subject();
     scrolledIndexChange = this.index$.pipe(distinctUntilChanged());
     viewport;
+    rafId = null;
+    lastEmittedIndex = null;
     attach(viewport) {
         this.viewport = viewport;
         this.viewport.setTotalContentSize(this.startedHeight);
@@ -6162,20 +5992,53 @@ class CalendarStrategy {
         this.updateRenderedRange(this.viewport);
     }
     detach() {
+        if (this.rafId !== null) {
+            cancelAnimationFrame(this.rafId);
+            this.rafId = null;
+        }
         this.index$.complete();
         this.viewport = undefined;
     }
     onContentScrolled() {
-        if (this.viewport)
-            this.updateRenderedRange(this.viewport);
+        if (!this.viewport || this.rafId !== null)
+            return;
+        const schedule = () => {
+            this.rafId = requestAnimationFrame(() => {
+                this.rafId = null;
+                this.updateRenderedRange(this.viewport);
+            });
+        };
+        if (this.zone)
+            this.zone.runOutsideAngular(schedule);
+        else
+            schedule();
     }
     /** These do not matter for this case */
     onDataLengthChanged() { }
     onContentRendered() { }
     onRenderedOffsetChanged() { }
-    scrollToIndex(index, behavior) {
-        if (this.viewport)
-            this.viewport.scrollToOffset(this.getOffsetForIndex(index), behavior);
+    scrollToIndex(index, behavior, onSettled) {
+        this.reliableScrollToOffset(this.getOffsetForIndex(index), behavior, 0, onSettled);
+    }
+    reliableScrollToOffset(targetOffset, behavior, attempt, onSettled) {
+        const viewport = this.viewport;
+        if (!viewport)
+            return;
+        viewport.scrollToOffset(targetOffset, behavior);
+        const landed = Math.abs(viewport.measureScrollOffset() - targetOffset) <= 2;
+        if (targetOffset > 0 && behavior !== 'smooth' && !landed && attempt < 10) {
+            const retry = () => this.reliableScrollToOffset(targetOffset, behavior, attempt + 1, onSettled);
+            if (this.zone)
+                this.zone.runOutsideAngular(() => requestAnimationFrame(retry));
+            else
+                requestAnimationFrame(retry);
+        }
+        else if (onSettled) {
+            if (this.zone)
+                this.zone.run(onSettled);
+            else
+                onSettled();
+        }
     }
     scrollToOffset(offset, behavior) {
         if (this.viewport)
@@ -6192,7 +6055,7 @@ class CalendarStrategy {
             return;
         const offset = viewport.measureScrollOffset();
         const { start, end } = viewport.getRenderedRange();
-        const viewportSize = 230;
+        const viewportSize = viewport.getViewportSize();
         const dataLength = viewport.getDataLength();
         const newRange = { start, end };
         const firstVisibleIndex = this.getIndexForOffset(offset);
@@ -6209,18 +6072,26 @@ class CalendarStrategy {
                 newRange.end = Math.min(dataLength, this.getIndexForOffset(offset + viewportSize + BUFFER * 2));
             }
         }
-        viewport.setRenderedRange(newRange);
-        viewport.setRenderedContentOffset(this.getOffsetForIndex(newRange.start));
-        // Used for update of 2nd scroll that is listening
-        if (this.calendarService.selectedScroll === this.SCROLL_TYPE)
-            this.index$.next({
+        if (newRange.start !== start || newRange.end !== end) {
+            viewport.setRenderedRange(newRange);
+            viewport.setRenderedContentOffset(this.getOffsetForIndex(newRange.start));
+        }
+        if (this.calendarService.selectedScroll === this.SCROLL_TYPE) {
+            const monthChanged = firstVisibleIndex !== this.lastEmittedIndex;
+            this.lastEmittedIndex = firstVisibleIndex;
+            const emit = () => this.index$.next({
                 indx: firstVisibleIndex,
                 scrollOffset: offset,
                 cycleSize: this.FULL_SIZE,
                 type: this.SCROLL_TYPE,
             });
+            if (monthChanged && this.zone)
+                this.zone.run(emit);
+            else
+                emit();
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarStrategy, deps: [{ token: CalendarDateTimePickerService }, { token: String }, { token: String }, { token: String }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarStrategy, deps: [{ token: CalendarDateTimePickerService }, { token: String }, { token: String }, { token: String }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarStrategy });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CalendarStrategy, decorators: [{
@@ -6234,7 +6105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [String]
-                }] }] });
+                }] }, { type: i0.NgZone }] });
 
 class CustomDatetimePickersConstants {
     static timeMinutes = ['00', '15', '30', '45'];
@@ -6307,9 +6178,12 @@ class CaCustomDateTimePickersCalendarDaysComponent {
         const fillerCount = month.getDay();
         const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);
         const daysCount = lastDay.getDate();
+        const TOTAL_CELLS = 42;
+        const trailingCount = TOTAL_CELLS - fillerCount - daysCount;
         this.days = [
             ...Array.from({ length: fillerCount }).map(() => ''),
             ...Array.from({ length: daysCount }).map((_, i) => i + 1),
+            ...Array.from({ length: trailingCount }).map(() => ''),
         ];
     }
     constructor() { }
@@ -6326,7 +6200,7 @@ class CaCustomDateTimePickersCalendarDaysComponent {
         this.selectedYear = this.dateTime.getFullYear();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickersCalendarDaysComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CaCustomDateTimePickersCalendarDaysComponent, isStandalone: true, selector: "cai-custom-datetime-picker-calendar-days", inputs: { dateTime: "dateTime", year: "year", selectedMonth: "selectedMonth", index: "index", activeMonth: "activeMonth", month: "month" }, outputs: { selectDay: "selectDay" }, ngImport: i0, template: "<div class=\"calendar_days\">\n  @for (day of days; let indx = $index; track indx) {\n  <div\n    (click)=\"day && chooseDay(day, $event)\"\n    [ngClass]=\"{\n                'selected_day ta-font-bold':\n                    day === selectedDay &&\n                    selectedMonthFromInput === selMonth &&\n                    selectedYearFromInput === selectedYear,\n            }\"\n    [class.empty_day]=\"!day\"\n    [class.day_in_current_month]=\"activeMonth\"\n    [class.current_day]=\"\n      day === currentDay &&\n      year === currentYear &&\n      selectedMonth === currentMonth.toString()\n    \"\n    class=\"calendar_day ta-font-medium\"\n  >\n    <span>{{ day }}</span>\n  </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CaCustomDateTimePickersCalendarDaysComponent, isStandalone: true, selector: "cai-custom-datetime-picker-calendar-days", inputs: { dateTime: "dateTime", year: "year", selectedMonth: "selectedMonth", index: "index", activeMonth: "activeMonth", month: "month" }, outputs: { selectDay: "selectDay" }, ngImport: i0, template: "<div class=\"calendar_days\">\n  @for (day of days; let indx = $index; track indx) {\n  <div\n    (click)=\"day && chooseDay(day, $event)\"\n    [ngClass]=\"{\n                'selected_day ta-font-bold':\n                    day === selectedDay &&\n                    selectedMonthFromInput === selMonth &&\n                    selectedYearFromInput === selectedYear,\n            }\"\n    [class.empty_day]=\"!day\"\n    [class.day_in_current_month]=\"activeMonth\"\n    [class.current_day]=\"\n      day === currentDay &&\n      year === currentYear &&\n      selectedMonth === currentMonth.toString()\n    \"\n    class=\"calendar_day ta-font-medium\"\n  >\n    <span>{{ day }}</span>\n  </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickersCalendarDaysComponent, decorators: [{
             type: Component,
@@ -6373,6 +6247,7 @@ function factory$1(dir) {
 }
 class CaCustomDateTimePickerCalendarDatesMainComponent {
     calendarService;
+    zone;
     months;
     dateTime;
     currentIndex;
@@ -6397,9 +6272,11 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
     selMonth;
     selectedMonth;
     activeMonth = 0;
-    constructor(calendarService) {
+    contentReady = false;
+    constructor(calendarService, zone) {
         this.calendarService = calendarService;
-        this.scrollStrategy = new CalendarStrategy(this.calendarService, CalendarMainStringEnum.CYCLE_HEIGHT, CalendarMainStringEnum.FULL_SIZE, CalendarStringEnum.MAIN);
+        this.zone = zone;
+        this.scrollStrategy = new CalendarStrategy(this.calendarService, CalendarMainStringEnum.CYCLE_HEIGHT, CalendarMainStringEnum.FULL_SIZE, CalendarStringEnum.MAIN, this.zone);
     }
     ngOnInit() {
         this.initScrollListeners();
@@ -6407,7 +6284,6 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
     initScrollListeners() {
         this.selMonth = this.dateTime.getMonth();
         this.selectedYearFromInput = this.dateTime.getFullYear();
-        //this.selectedYearFromInput = this.months.getFullYear();
         this.calendarService.scrollToAutoIndex
             .pipe(takeUntil(this.destroy$))
             .subscribe((indx) => {
@@ -6429,14 +6305,9 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
             .pipe(takeUntil(this.destroy$))
             .subscribe((res) => {
             setTimeout(() => {
-                if (res) {
-                    const indx = this.findIndexInMonth(res);
-                    this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
-                }
-                else {
-                    this.scrollStrategy.scrollToIndex(this.currentIndex, CalendarStringEnum.AUTO);
-                }
-            }, 200);
+                const indx = res ? this.findIndexInMonth(res) : this.currentIndex;
+                this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO, () => (this.contentReady = true));
+            });
         });
         if (this.isMonthAndYearOnly) {
             setTimeout(() => {
@@ -6489,7 +6360,7 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickerCalendarDatesMainComponent, deps: [{ token: CalendarDateTimePickerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickerCalendarDatesMainComponent, deps: [{ token: CalendarDateTimePickerService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CaCustomDateTimePickerCalendarDatesMainComponent, isStandalone: true, selector: "cai-custom-datetime-pickers--calendar-dates-main", inputs: { months: "months", dateTime: "dateTime", currentIndex: "currentIndex", currentYearIndex: "currentYearIndex", activeIndex: "activeIndex", monthYearsIndx: "monthYearsIndx", listPreview: "listPreview", isMonthAndYearOnly: "isMonthAndYearOnly" }, outputs: { setListPreviewToFull: "setListPreviewToFull", setAutoIndex: "setAutoIndex" }, providers: [
             {
                 provide: VIRTUAL_SCROLL_STRATEGY,
@@ -6498,7 +6369,7 @@ class CaCustomDateTimePickerCalendarDatesMainComponent {
                     forwardRef(() => CaCustomDateTimePickerCalendarDatesMainComponent),
                 ],
             },
-        ], ngImport: i0, template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #monthsScrollRef\n    [tabindex]=\"-1\"\n    (scrolledIndexChange)=\"onMonthChange($event)\"\n    style=\"height: 200px; width: 100%; margin: 0\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        class=\"calendar_indicator ta-font-bold\"\n        [class.full_calendar]=\"_listPreview === 'full_list'\"\n        [class.current_year]=\"\n          isMonthAndYearOnly\n            ? selectedYearFromInput === month.getFullYear()\n            : selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n        \"\n        [tabindex]=\"-1\"\n      >\n        @if (_listPreview === \"full_list\") {\n          <span>{{ getMonth(month.getMonth()) }} </span>\n        }\n        {{ month.getFullYear() }}\n      </div>\n      @if (_listPreview === \"full_list\") {\n        <div>\n          <cai-custom-datetime-picker-calendar-days\n            (selectDay)=\"selectDay($event)\"\n            [index]=\"indx\"\n            [month]=\"month\"\n            [selectedMonth]=\"month.getMonth().toString()\"\n            [year]=\"selectedYear\"\n            [dateTime]=\"dateTime\"\n            [activeMonth]=\"\n              selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n            \"\n          ></cai-custom-datetime-picker-calendar-days>\n        </div>\n      }\n      @if (_listPreview === \"month_list\") {\n        <div>\n          <div\n            class=\"month_list\"\n            [class.current_year]=\"selectedYearFromInput === month.getFullYear()\"\n          >\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(0, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  0 === selMonth,\n              }\"\n            >\n              JAN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(1, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  1 === selMonth,\n              }\"\n            >\n              FEB\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(2, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  2 === selMonth,\n              }\"\n            >\n              MAR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(3, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  3 === selMonth,\n              }\"\n            >\n              APR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(4, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  4 === selMonth,\n              }\"\n            >\n              MAY\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(5, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  5 === selMonth,\n              }\"\n            >\n              JUN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(6, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  6 === selMonth,\n              }\"\n            >\n              JUL\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(7, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  7 === selMonth,\n              }\"\n            >\n              AUG\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(8, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  8 === selMonth,\n              }\"\n            >\n              SEP\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(9, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  9 === selMonth,\n              }\"\n            >\n              OCT\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(10, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  10 === selMonth,\n              }\"\n            >\n              NOV\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(11, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  11 === selMonth,\n              }\"\n            >\n              DEC\n            </div>\n          </div>\n        </div>\n      }\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: CaCustomDateTimePickersCalendarDaysComponent, selector: "cai-custom-datetime-picker-calendar-days", inputs: ["dateTime", "year", "selectedMonth", "index", "activeMonth", "month"], outputs: ["selectDay"] }] });
+        ], ngImport: i0, template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #monthsScrollRef\n    [tabindex]=\"-1\"\n    (scrolledIndexChange)=\"onMonthChange($event)\"\n    style=\"height: 200px; width: 100%; margin: 0\"\n    [style.visibility]=\"contentReady ? 'visible' : 'hidden'\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        class=\"calendar_month_block\"\n        [class.month_block_full]=\"_listPreview === 'full_list'\"\n      >\n      <div\n        class=\"calendar_indicator ta-font-bold\"\n        [class.full_calendar]=\"_listPreview === 'full_list'\"\n        [class.current_year]=\"\n          isMonthAndYearOnly\n            ? selectedYearFromInput === month.getFullYear()\n            : selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n        \"\n        [tabindex]=\"-1\"\n      >\n        @if (_listPreview === \"full_list\") {\n          <span>{{ getMonth(month.getMonth()) }} </span>\n        }\n        {{ month.getFullYear() }}\n      </div>\n      @if (_listPreview === \"full_list\") {\n        <div>\n          <cai-custom-datetime-picker-calendar-days\n            (selectDay)=\"selectDay($event)\"\n            [index]=\"indx\"\n            [month]=\"month\"\n            [selectedMonth]=\"month.getMonth().toString()\"\n            [year]=\"selectedYear\"\n            [dateTime]=\"dateTime\"\n            [activeMonth]=\"\n              selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n            \"\n          ></cai-custom-datetime-picker-calendar-days>\n        </div>\n      }\n      @if (_listPreview === \"month_list\") {\n        <div>\n          <div\n            class=\"month_list\"\n            [class.current_year]=\"selectedYearFromInput === month.getFullYear()\"\n          >\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(0, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  0 === selMonth,\n              }\"\n            >\n              JAN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(1, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  1 === selMonth,\n              }\"\n            >\n              FEB\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(2, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  2 === selMonth,\n              }\"\n            >\n              MAR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(3, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  3 === selMonth,\n              }\"\n            >\n              APR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(4, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  4 === selMonth,\n              }\"\n            >\n              MAY\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(5, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  5 === selMonth,\n              }\"\n            >\n              JUN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(6, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  6 === selMonth,\n              }\"\n            >\n              JUL\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(7, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  7 === selMonth,\n              }\"\n            >\n              AUG\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(8, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  8 === selMonth,\n              }\"\n            >\n              SEP\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(9, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  9 === selMonth,\n              }\"\n            >\n              OCT\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(10, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  10 === selMonth,\n              }\"\n            >\n              NOV\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(11, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  11 === selMonth,\n              }\"\n            >\n              DEC\n            </div>\n          </div>\n        </div>\n      }\n      </div>\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n", styles: [".calendar_month_block.month_block_full{height:182px;box-sizing:border-box;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: CaCustomDateTimePickersCalendarDaysComponent, selector: "cai-custom-datetime-picker-calendar-days", inputs: ["dateTime", "year", "selectedMonth", "index", "activeMonth", "month"], outputs: ["selectDay"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickerCalendarDatesMainComponent, decorators: [{
             type: Component,
@@ -6515,8 +6386,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                                 forwardRef(() => CaCustomDateTimePickerCalendarDatesMainComponent),
                             ],
                         },
-                    ], template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #monthsScrollRef\n    [tabindex]=\"-1\"\n    (scrolledIndexChange)=\"onMonthChange($event)\"\n    style=\"height: 200px; width: 100%; margin: 0\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        class=\"calendar_indicator ta-font-bold\"\n        [class.full_calendar]=\"_listPreview === 'full_list'\"\n        [class.current_year]=\"\n          isMonthAndYearOnly\n            ? selectedYearFromInput === month.getFullYear()\n            : selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n        \"\n        [tabindex]=\"-1\"\n      >\n        @if (_listPreview === \"full_list\") {\n          <span>{{ getMonth(month.getMonth()) }} </span>\n        }\n        {{ month.getFullYear() }}\n      </div>\n      @if (_listPreview === \"full_list\") {\n        <div>\n          <cai-custom-datetime-picker-calendar-days\n            (selectDay)=\"selectDay($event)\"\n            [index]=\"indx\"\n            [month]=\"month\"\n            [selectedMonth]=\"month.getMonth().toString()\"\n            [year]=\"selectedYear\"\n            [dateTime]=\"dateTime\"\n            [activeMonth]=\"\n              selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n            \"\n          ></cai-custom-datetime-picker-calendar-days>\n        </div>\n      }\n      @if (_listPreview === \"month_list\") {\n        <div>\n          <div\n            class=\"month_list\"\n            [class.current_year]=\"selectedYearFromInput === month.getFullYear()\"\n          >\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(0, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  0 === selMonth,\n              }\"\n            >\n              JAN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(1, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  1 === selMonth,\n              }\"\n            >\n              FEB\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(2, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  2 === selMonth,\n              }\"\n            >\n              MAR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(3, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  3 === selMonth,\n              }\"\n            >\n              APR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(4, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  4 === selMonth,\n              }\"\n            >\n              MAY\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(5, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  5 === selMonth,\n              }\"\n            >\n              JUN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(6, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  6 === selMonth,\n              }\"\n            >\n              JUL\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(7, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  7 === selMonth,\n              }\"\n            >\n              AUG\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(8, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  8 === selMonth,\n              }\"\n            >\n              SEP\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(9, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  9 === selMonth,\n              }\"\n            >\n              OCT\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(10, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  10 === selMonth,\n              }\"\n            >\n              NOV\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(11, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  11 === selMonth,\n              }\"\n            >\n              DEC\n            </div>\n          </div>\n        </div>\n      }\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: CalendarDateTimePickerService }], propDecorators: { months: [{
+                    ], template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #monthsScrollRef\n    [tabindex]=\"-1\"\n    (scrolledIndexChange)=\"onMonthChange($event)\"\n    style=\"height: 200px; width: 100%; margin: 0\"\n    [style.visibility]=\"contentReady ? 'visible' : 'hidden'\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        class=\"calendar_month_block\"\n        [class.month_block_full]=\"_listPreview === 'full_list'\"\n      >\n      <div\n        class=\"calendar_indicator ta-font-bold\"\n        [class.full_calendar]=\"_listPreview === 'full_list'\"\n        [class.current_year]=\"\n          isMonthAndYearOnly\n            ? selectedYearFromInput === month.getFullYear()\n            : selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n        \"\n        [tabindex]=\"-1\"\n      >\n        @if (_listPreview === \"full_list\") {\n          <span>{{ getMonth(month.getMonth()) }} </span>\n        }\n        {{ month.getFullYear() }}\n      </div>\n      @if (_listPreview === \"full_list\") {\n        <div>\n          <cai-custom-datetime-picker-calendar-days\n            (selectDay)=\"selectDay($event)\"\n            [index]=\"indx\"\n            [month]=\"month\"\n            [selectedMonth]=\"month.getMonth().toString()\"\n            [year]=\"selectedYear\"\n            [dateTime]=\"dateTime\"\n            [activeMonth]=\"\n              selectedYearFromInput === month.getFullYear() &&\n              selMonth === month.getMonth()\n            \"\n          ></cai-custom-datetime-picker-calendar-days>\n        </div>\n      }\n      @if (_listPreview === \"month_list\") {\n        <div>\n          <div\n            class=\"month_list\"\n            [class.current_year]=\"selectedYearFromInput === month.getFullYear()\"\n          >\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(0, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  0 === selMonth,\n              }\"\n            >\n              JAN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(1, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  1 === selMonth,\n              }\"\n            >\n              FEB\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(2, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  2 === selMonth,\n              }\"\n            >\n              MAR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(3, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  3 === selMonth,\n              }\"\n            >\n              APR\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(4, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  4 === selMonth,\n              }\"\n            >\n              MAY\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(5, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  5 === selMonth,\n              }\"\n            >\n              JUN\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(6, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  6 === selMonth,\n              }\"\n            >\n              JUL\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(7, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  7 === selMonth,\n              }\"\n            >\n              AUG\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(8, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  8 === selMonth,\n              }\"\n            >\n              SEP\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(9, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  9 === selMonth,\n              }\"\n            >\n              OCT\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(10, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  10 === selMonth,\n              }\"\n            >\n              NOV\n            </div>\n            <div\n              class=\"month_list_item ta-font-medium\"\n              (click)=\"setCalendarListPreview(11, indx, $event)\"\n              [ngClass]=\"{\n                'current_month ta-font-bold':\n                  selectedYearFromInput === month.getFullYear() &&\n                  11 === selMonth,\n              }\"\n            >\n              DEC\n            </div>\n          </div>\n        </div>\n      }\n      </div>\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n", styles: [".calendar_month_block.month_block_full{height:182px;box-sizing:border-box;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: CalendarDateTimePickerService }, { type: i0.NgZone }], propDecorators: { months: [{
                 type: Input
             }], dateTime: [{
                 type: Input
@@ -6570,6 +6441,7 @@ function factory(dir) {
 }
 class CaCustomDateTimePickersCalendarLeftComponent {
     calendarService;
+    zone;
     months;
     currentIndex;
     isMonthAndYearOnly = false;
@@ -6591,17 +6463,15 @@ class CaCustomDateTimePickersCalendarLeftComponent {
     _activeIndex = 0;
     set activeIndex(value) {
         this._activeIndex = value;
-        if (!this.isMonthAndYearOnly && this._activeIndex)
-            setTimeout(() => {
-                this.scrollStrategy.scrollToIndex(this._activeIndex, CalendarStringEnum.AUTO);
-            }, 200);
     }
     isHovered;
     isFirstCall = true;
+    contentReady = false;
     destroy$ = new Subject();
-    constructor(calendarService) {
+    constructor(calendarService, zone) {
         this.calendarService = calendarService;
-        this.scrollStrategy = new CalendarStrategy(this.calendarService, CalendarLeftStringEnum.CYCLE_HEIGHT, CalendarLeftStringEnum.FULL_SIZE, CalendarStringEnum.LEFT);
+        this.zone = zone;
+        this.scrollStrategy = new CalendarStrategy(this.calendarService, CalendarLeftStringEnum.CYCLE_HEIGHT, CalendarLeftStringEnum.FULL_SIZE, CalendarStringEnum.LEFT, this.zone);
     }
     scrollStrategy;
     ngOnInit() {
@@ -6627,12 +6497,12 @@ class CaCustomDateTimePickersCalendarLeftComponent {
             .pipe(takeUntil(this.destroy$))
             .subscribe((res) => {
             setTimeout(() => {
-                if (res) {
-                    const indx = this.findIndexInMonth(res);
-                    this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO);
-                }
-                else
-                    this.scrollStrategy.scrollToIndex(this.currentIndex, CalendarStringEnum.AUTO);
+                const indx = this.isMonthAndYearOnly
+                    ? this._currentYearIndex
+                    : res
+                        ? this.findIndexInMonth(res)
+                        : this.currentIndex;
+                this.scrollStrategy.scrollToIndex(indx, CalendarStringEnum.AUTO, () => (this.contentReady = true));
             });
         });
         if (this.isMonthAndYearOnly) {
@@ -6665,14 +6535,14 @@ class CaCustomDateTimePickersCalendarLeftComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickersCalendarLeftComponent, deps: [{ token: CalendarDateTimePickerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickersCalendarLeftComponent, deps: [{ token: CalendarDateTimePickerService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CaCustomDateTimePickersCalendarLeftComponent, isStandalone: true, selector: "cai-custom-datetime-pickers-calendar-left", inputs: { months: "months", currentIndex: "currentIndex", isMonthAndYearOnly: "isMonthAndYearOnly", listPreview: "listPreview", currentYearIndex: "currentYearIndex", activeIndex: "activeIndex" }, providers: [
             {
                 provide: VIRTUAL_SCROLL_STRATEGY,
                 useFactory: factory,
                 deps: [forwardRef(() => CaCustomDateTimePickersCalendarLeftComponent)],
             },
-        ], ngImport: i0, template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #leftSideRef\n    (scrolledIndexChange)=\"onScrollChanged($event)\"\n    style=\"height: 290px; width: 100%; margin: 0\"\n    [tabindex]=\"-1\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        (click)=\"selectMonth(indx, $event)\"\n        class=\"month-year-item ta-font-medium\"\n        [ngClass]=\"{\n          'current_month_year ta-font-bold': isMonthAndYearOnly\n            ? indx === _currentYearIndex\n            : indx === _activeIndex,\n        }\"\n        [innerHTML]=\"month | calendarmonths: _listPreview\"\n      ></div>\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "pipe", type: CalendarMonthsPipe, name: "calendarmonths" }] });
+        ], ngImport: i0, template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #leftSideRef\n    (scrolledIndexChange)=\"onScrollChanged($event)\"\n    style=\"height: 290px; width: 100%; margin: 0\"\n    [tabindex]=\"-1\"\n    [style.visibility]=\"contentReady ? 'visible' : 'hidden'\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        (click)=\"selectMonth(indx, $event)\"\n        class=\"month-year-item ta-font-medium\"\n        [ngClass]=\"{\n          'current_month_year ta-font-bold': isMonthAndYearOnly\n            ? indx === _currentYearIndex\n            : indx === _activeIndex,\n        }\"\n        [innerHTML]=\"month | calendarmonths: _listPreview\"\n      ></div>\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i3.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "pipe", type: CalendarMonthsPipe, name: "calendarmonths" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDateTimePickersCalendarLeftComponent, decorators: [{
             type: Component,
@@ -6682,8 +6552,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                             useFactory: factory,
                             deps: [forwardRef(() => CaCustomDateTimePickersCalendarLeftComponent)],
                         },
-                    ], template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #leftSideRef\n    (scrolledIndexChange)=\"onScrollChanged($event)\"\n    style=\"height: 290px; width: 100%; margin: 0\"\n    [tabindex]=\"-1\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        (click)=\"selectMonth(indx, $event)\"\n        class=\"month-year-item ta-font-medium\"\n        [ngClass]=\"{\n          'current_month_year ta-font-bold': isMonthAndYearOnly\n            ? indx === _currentYearIndex\n            : indx === _activeIndex,\n        }\"\n        [innerHTML]=\"month | calendarmonths: _listPreview\"\n      ></div>\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: CalendarDateTimePickerService }], propDecorators: { months: [{
+                    ], template: "<div (mouseover)=\"mouseOverSetItem()\">\n  <cdk-virtual-scroll-viewport\n    #leftSideRef\n    (scrolledIndexChange)=\"onScrollChanged($event)\"\n    style=\"height: 290px; width: 100%; margin: 0\"\n    [tabindex]=\"-1\"\n    [style.visibility]=\"contentReady ? 'visible' : 'hidden'\"\n  >\n    <ng-container\n      *cdkVirtualFor=\"\n        let month of months;\n        let indx = index;\n        templateCacheSize: 10\n      \"\n    >\n      <div\n        (click)=\"selectMonth(indx, $event)\"\n        class=\"month-year-item ta-font-medium\"\n        [ngClass]=\"{\n          'current_month_year ta-font-bold': isMonthAndYearOnly\n            ? indx === _currentYearIndex\n            : indx === _activeIndex,\n        }\"\n        [innerHTML]=\"month | calendarmonths: _listPreview\"\n      ></div>\n    </ng-container>\n  </cdk-virtual-scroll-viewport>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: CalendarDateTimePickerService }, { type: i0.NgZone }], propDecorators: { months: [{
                 type: Input
             }], currentIndex: [{
                 type: Input
@@ -7065,7 +6935,7 @@ class CaCustomDatetimePickersComponent {
         this.listPreview = CalendarListPreviewStringEnum.FULL_LIST;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDatetimePickersComponent, deps: [{ token: CalendarDateTimePickerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CaCustomDatetimePickersComponent, isStandalone: true, selector: "cai-custom-datetime-pickers", inputs: { dateTime: "dateTime", inputConfig: "inputConfig", calendarType: "calendarType", placeholder: "placeholder" }, outputs: { closePopover: "closePopover", onRefocusInput: "onRefocusInput" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef }, { propertyName: "dateCalendar", first: true, predicate: CaCustomDateTimePickersDateCalendarsComponent, descendants: true }, { propertyName: "pmAmScroll", first: true, predicate: ["pmAmScroll"], descendants: true }, { propertyName: "minutesScroll", first: true, predicate: ["minutesScroll"], descendants: true }, { propertyName: "hourScroll", first: true, predicate: ["hourScroll"], descendants: true }], ngImport: i0, template: "<div class=\"temp_inp_holder\" (pointerdown)=\"refocusInput($event)\">\n  <div>\n    <div class=\"pickers_holder dark_picker\">\n      @if (calendarMainType === \"date\") {\n        <div class=\"date_picker\">\n          <cai-custom-datetime-pickers-date-calendars\n            [listPreview]=\"listPreview\"\n            [dateTime]=\"dateTime\"\n            [isMonthAndYearOnly]=\"_inputConfig.name === 'datepickerBankCard'\"\n            (setListPreviewValue)=\"setListPreview($event)\"\n            (onRefocusInput)=\"refocusInput($event)\"\n          ></cai-custom-datetime-pickers-date-calendars>\n        </div>\n      }\n      @if (calendarMainType === \"time\") {\n        <div class=\"time_picker\">\n          <div class=\"time_picker_head d-flex\">\n            <div class=\"selected_time ta-font-bold\">\n              {{ selectedTime || (dateTime | date: \"hh:mm aa\") }}\n            </div>\n            <div class=\"sel_now ta-font-bold\" (click)=\"setDefaultTime($event)\">\n              Default\n            </div>\n          </div>\n          <div class=\"time_picker_body\">\n            <div class=\"picker_body_head\">\n              <div\n                class=\"ta-font-bold\"\n                [class.active]=\"hoveredItem === 'hours'\"\n              >\n                Hour\n              </div>\n              <div\n                class=\"ta-font-bold\"\n                [class.active]=\"hoveredItem === 'minutes'\"\n              >\n                Minute\n              </div>\n              <div\n                class=\"ta-font-bold\"\n                [class.active]=\"hoveredItem === 'times'\"\n              >\n                AM/PM\n              </div>\n            </div>\n            <div class=\"picker_body\">\n              <div\n                #hourScroll\n                (mouseout)=\"hoveredItem = null\"\n                (mouseover)=\"hoveredItem = 'hours'\"\n                (scroll)=\"onScroll($event, 'hourScroll')\"\n                class=\"scroll_pickers\"\n                [tabindex]=\"-1\"\n              >\n                @for (hour of hourTimes; let indx = $index; track indx) {\n                  <div\n                    class=\"scroll_item ta-font-medium\"\n                    [ngClass]=\"{\n                      'active_item ta-font-bold':\n                        scrollTypes.hourScroll === indx,\n                    }\"\n                    (click)=\"onScroll($event, 'hourScroll', indx)\"\n                  >\n                    {{ hour }}\n                  </div>\n                }\n              </div>\n              <div\n                #minutesScroll\n                (mouseout)=\"hoveredItem = null\"\n                (mouseover)=\"hoveredItem = 'minutes'\"\n                (scroll)=\"onScroll($event, 'minutesScroll')\"\n                class=\"scroll_pickers\"\n                [tabindex]=\"-1\"\n              >\n                @for (minutes of timeMinutes; let indx = $index; track indx) {\n                  <div\n                    class=\"scroll_item ta-font-medium\"\n                    [ngClass]=\"{\n                      'active_item ta-font-bold':\n                        scrollTypes.minutesScroll === indx,\n                    }\"\n                    (click)=\"onScroll($event, 'minutesScroll', indx)\"\n                  >\n                    {{ minutes }}\n                  </div>\n                }\n              </div>\n              <div\n                #pmAmScroll\n                (mouseout)=\"hoveredItem = null\"\n                (mouseover)=\"hoveredItem = 'times'\"\n                (scroll)=\"onScroll($event, 'pmAmScroll')\"\n                class=\"scroll_pickers\"\n                [tabindex]=\"-1\"\n              >\n                @for (when of timeOfDay; let indx = $index; track indx) {\n                  <div\n                    class=\"scroll_item ta-font-medium\"\n                    [ngClass]=\"{\n                      'active_item ta-font-bold':\n                        scrollTypes.pmAmScroll === indx,\n                    }\"\n                    (click)=\"onScroll($event, 'pmAmScroll', indx)\"\n                  >\n                    {{ when }}\n                  </div>\n                }\n              </div>\n              <div class=\"picker_line\">\n                <span class=\"border_line\"></span>\n                <span class=\"border_line line_2\"></span>\n              </div>\n            </div>\n            <div class=\"picker_buttons\">\n              <div\n                (click)=\"closePopup($event)\"\n                class=\"pick_button ta-font-bold\"\n              >\n                Cancel\n              </div>\n              <div\n                (click)=\"setTime($event)\"\n                class=\"pick_button set_button ta-font-bold\"\n              >\n                Set\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CaCustomDateTimePickersDateCalendarsComponent, selector: "cai-custom-datetime-pickers-date-calendars", inputs: ["listPreview", "dateTime", "isMonthAndYearOnly"], outputs: ["setListPreviewValue", "onRefocusInput"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CaCustomDatetimePickersComponent, isStandalone: true, selector: "cai-custom-datetime-pickers", inputs: { dateTime: "dateTime", inputConfig: "inputConfig", calendarType: "calendarType", placeholder: "placeholder" }, outputs: { closePopover: "closePopover", onRefocusInput: "onRefocusInput" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef }, { propertyName: "dateCalendar", first: true, predicate: CaCustomDateTimePickersDateCalendarsComponent, descendants: true }, { propertyName: "pmAmScroll", first: true, predicate: ["pmAmScroll"], descendants: true }, { propertyName: "minutesScroll", first: true, predicate: ["minutesScroll"], descendants: true }, { propertyName: "hourScroll", first: true, predicate: ["hourScroll"], descendants: true }], ngImport: i0, template: "<div class=\"temp_inp_holder\" (pointerdown)=\"refocusInput($event)\">\n  <div>\n    <div class=\"pickers_holder dark_picker\">\n      @if (calendarMainType === \"date\") {\n        <div class=\"date_picker\">\n          <cai-custom-datetime-pickers-date-calendars\n            [listPreview]=\"listPreview\"\n            [dateTime]=\"dateTime\"\n            [isMonthAndYearOnly]=\"_inputConfig.name === 'datepickerBankCard'\"\n            (setListPreviewValue)=\"setListPreview($event)\"\n            (onRefocusInput)=\"refocusInput($event)\"\n          ></cai-custom-datetime-pickers-date-calendars>\n        </div>\n      }\n      @if (calendarMainType === \"time\") {\n        <div class=\"time_picker\">\n          <div class=\"time_picker_head d-flex\">\n            <div class=\"selected_time ta-font-bold\">\n              {{ selectedTime || (dateTime | date: \"hh:mm aa\") }}\n            </div>\n            <div class=\"sel_now ta-font-bold\" (click)=\"setDefaultTime($event)\">\n              Default\n            </div>\n          </div>\n          <div class=\"time_picker_body\">\n            <div class=\"picker_body_head\">\n              <div\n                class=\"ta-font-bold\"\n                [class.active]=\"hoveredItem === 'hours'\"\n              >\n                Hour\n              </div>\n              <div\n                class=\"ta-font-bold\"\n                [class.active]=\"hoveredItem === 'minutes'\"\n              >\n                Minute\n              </div>\n              <div\n                class=\"ta-font-bold\"\n                [class.active]=\"hoveredItem === 'times'\"\n              >\n                AM/PM\n              </div>\n            </div>\n            <div class=\"picker_body\">\n              <div\n                #hourScroll\n                (mouseout)=\"hoveredItem = null\"\n                (mouseover)=\"hoveredItem = 'hours'\"\n                (scroll)=\"onScroll($event, 'hourScroll')\"\n                class=\"scroll_pickers\"\n                [tabindex]=\"-1\"\n              >\n                @for (hour of hourTimes; let indx = $index; track indx) {\n                  <div\n                    class=\"scroll_item ta-font-medium\"\n                    [ngClass]=\"{\n                      'active_item ta-font-bold':\n                        scrollTypes.hourScroll === indx,\n                    }\"\n                    (click)=\"onScroll($event, 'hourScroll', indx)\"\n                  >\n                    {{ hour }}\n                  </div>\n                }\n              </div>\n              <div\n                #minutesScroll\n                (mouseout)=\"hoveredItem = null\"\n                (mouseover)=\"hoveredItem = 'minutes'\"\n                (scroll)=\"onScroll($event, 'minutesScroll')\"\n                class=\"scroll_pickers\"\n                [tabindex]=\"-1\"\n              >\n                @for (minutes of timeMinutes; let indx = $index; track indx) {\n                  <div\n                    class=\"scroll_item ta-font-medium\"\n                    [ngClass]=\"{\n                      'active_item ta-font-bold':\n                        scrollTypes.minutesScroll === indx,\n                    }\"\n                    (click)=\"onScroll($event, 'minutesScroll', indx)\"\n                  >\n                    {{ minutes }}\n                  </div>\n                }\n              </div>\n              <div\n                #pmAmScroll\n                (mouseout)=\"hoveredItem = null\"\n                (mouseover)=\"hoveredItem = 'times'\"\n                (scroll)=\"onScroll($event, 'pmAmScroll')\"\n                class=\"scroll_pickers\"\n                [tabindex]=\"-1\"\n              >\n                @for (when of timeOfDay; let indx = $index; track indx) {\n                  <div\n                    class=\"scroll_item ta-font-medium\"\n                    [ngClass]=\"{\n                      'active_item ta-font-bold':\n                        scrollTypes.pmAmScroll === indx,\n                    }\"\n                    (click)=\"onScroll($event, 'pmAmScroll', indx)\"\n                  >\n                    {{ when }}\n                  </div>\n                }\n              </div>\n              <div class=\"picker_line\">\n                <span class=\"border_line\"></span>\n                <span class=\"border_line line_2\"></span>\n              </div>\n            </div>\n            <div class=\"picker_buttons\">\n              <div\n                (click)=\"closePopup($event)\"\n                class=\"pick_button ta-font-bold\"\n              >\n                Cancel\n              </div>\n              <div\n                (click)=\"setTime($event)\"\n                class=\"pick_button set_button ta-font-bold\"\n              >\n                Set\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CaCustomDateTimePickersDateCalendarsComponent, selector: "cai-custom-datetime-pickers-date-calendars", inputs: ["listPreview", "dateTime", "isMonthAndYearOnly"], outputs: ["setListPreviewValue", "onRefocusInput"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CaCustomDatetimePickersComponent, decorators: [{
             type: Component,
@@ -9215,7 +9085,7 @@ class ReviewModalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ReviewModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ReviewModalComponent, isStandalone: true, selector: "cai-review-modal", inputs: { ratingReviews: "ratingReviews", modaltype: "modaltype", titleInput: "titleInput" }, outputs: { reviewDeleted: "reviewDeleted" }, usesOnChanges: true, ngImport: i0, template: "@let reviewsLength = presentReviews.length;\n@let isTable = modaltype === ReviewType.Table;\n@let isModal = modaltype === ReviewType.Modal;\n@let isDetails = modaltype === ReviewType.Details;\n\n<div\n  [class]=\"{\n    'modal-wrapper': isModal,\n    'table-wrapper': isTable,\n    'details-wrapper': isDetails,\n  }\"\n>\n  <div class=\"main-window\">\n    <!-- FILTER BOX -->\n    <div class=\"box\">\n      <div class=\"filter\">\n        <div class=\"column\">\n          <div class=\"rating_review\">\n            @if(!isDetails){\n            <div class=\"left-side\">\n              <p class=\"count-heading\">Rating & Review</p>\n              <div class=\"circle\">\n                {{ countReviews }}\n              </div>\n              @if(isModal && reviewsLength > 0){\n              <div class=\"y-divider\"></div>\n              }\n            </div>\n            } @if(!isTable){\n            <div class=\"counter\">\n              <div\n                (click)=\"onSelectFilter(FilterType.LIKES)\"\n                [class]=\"{\n                  'filter-group': true,\n                  'active-group': activeLikes(),\n                  'non-active-group': !activeLikes(),\n                  'empty-state': countLikes === 0\n                }\"\n                [ngbTooltip]=\"activeLikes() ? 'Remove Filter' : 'Filter Likes'\"\n                triggers=\"mouseenter:mouseleave\"\n                tabindex=\"0\"\n                tooltipClass=\"tooltip tooltip-m-b-2\"\n                placement=\"bottom\"\n              >\n                <svg-icon\n                  name=\"cai-like\"\n                  class=\"like-icon\"\n                  [class.active]=\"activeLikes()\"\n                  [class.most-likes]=\"onReturnMost() === FilterType.LIKES\"\n                ></svg-icon>\n                <svg-icon\n                  name=\"cai-cancel\"\n                  class=\"cancel-icon\"\n                  (click)=\"onCancelFilter($event, FilterType.LIKES)\"\n                ></svg-icon>\n                <span class=\"count\">{{ countLikes }}</span>\n              </div>\n              <div\n                (click)=\"onSelectFilter(FilterType.DISLIKES)\"\n                [class]=\"{\n                  'filter-group': true,\n                  'active-group': activeDislikes(),\n                  'non-active-group': !activeDislikes(),\n                  'empty-state': countDislikes === 0\n                }\"\n                [ngbTooltip]=\"\n                  activeDislikes() ? 'Remove Filter' : 'Filter Dislikes'\n                \"\n                triggers=\"mouseenter:mouseleave\"\n                tabindex=\"0\"\n                tooltipClass=\"tooltip tooltip-m-b-2\"\n                placement=\"bottom\"\n              >\n                <svg-icon\n                  name=\"cai-dislike\"\n                  [class.active]=\"activeDislikes()\"\n                  [class.most-dislikes]=\"onReturnMost() === FilterType.DISLIKES\"\n                  class=\"dislike-icon\"\n                ></svg-icon>\n                <svg-icon\n                  name=\"cai-cancel\"\n                  class=\"cancel-icon\"\n                  (click)=\"onCancelFilter($event, FilterType.DISLIKES)\"\n                ></svg-icon>\n                <span class=\"count\">{{ countDislikes }}</span>\n              </div>\n              <div\n                (click)=\"onSelectFilter(FilterType.REVIEWS)\"\n                [class]=\"{\n                  'filter-group': true,\n                  'active-group': activeReviews(),\n                  'non-active-group': !activeReviews(),\n                  'empty-state': countReviews === 0\n                }\"\n                [ngbTooltip]=\"\n                  activeReviews() ? 'Remove Filter' : 'Filter Reviews'\n                \"\n                triggers=\"mouseenter:mouseleave\"\n                tabindex=\"0\"\n                tooltipClass=\"tooltip tooltip-m-b-2\"\n                placement=\"bottom\"\n              >\n                <svg-icon\n                  name=\"cai-edit2\"\n                  [class.active]=\"activeReviews()\"\n                  class=\"pencil-icon\"\n                ></svg-icon>\n\n                <svg-icon\n                  name=\"cai-cancel\"\n                  class=\"cancel-icon\"\n                  (click)=\"onCancelFilter($event, FilterType.REVIEWS)\"\n                ></svg-icon>\n\n                <span class=\"count\">{{ countReviews }}</span>\n              </div>\n            </div>\n            }\n          </div>\n          @if(ratingReviews && reviewsLength > 0){\n          <div class=\"date-group\">\n            <span>Date</span>\n            <svg-icon name=\"cai-sort-descending\"></svg-icon>\n          </div>\n\n          } @if(isModal || isDetails){\n          <div\n            class=\"filter-group\"\n            [ngStyle]=\"{\n              display: addingReview() && reviewsLength === 0 ? 'none' : 'flex'\n            }\"\n            ngbTooltip=\"Add New\"\n            triggers=\"mouseenter:mouseleave\"\n            tabindex=\"0\"\n            tooltipClass=\"tooltip tooltip-m-b-2\"\n            placement=\"bottom\"\n          >\n            <svg-icon\n              name=\"cai-plus\"\n              class=\"plus-icon\"\n              (click)=\"onAddReview()\"\n              [class.disabled]=\"disabled()\"\n            ></svg-icon>\n          </div>\n          }\n        </div>\n        @if(isDetails){\n        <div class=\"bottom-divider-light\"></div>\n        }\n      </div>\n      @if(isTable && reviewsLength <= 1){\n      <div class=\"x-divider\"></div>\n      } @if(isTable && reviewsLength > 0){\n      <div class=\"input-container\">\n        <cai-input\n          id=\"search\"\n          formControlName=\"search\"\n          [config]=\"{\n          type: 'text',\n          icon: 'cai-search',\n          inverse: true,\n          size: 22,\n          name: titleInput,\n          placeholderBehavior: 'fade',\n          placeholderColor: '#AAAAAA',\n        }\"\n          (onValueChange)=\"handleSearch($event)\"\n          (onClear)=\"handleClear($event)\"\n        ></cai-input>\n      </div>\n      <div class=\"btn-filters\">\n        <div\n          [class.active]=\"currentActiveFilter === FilterType.ALL\"\n          (click)=\"onChangePresentReviews(FilterType.ALL)\"\n        >\n          ALL\n        </div>\n        <div\n          [class.active]=\"currentActiveFilter === FilterType.RATING\"\n          (click)=\"onChangePresentReviews(FilterType.RATING)\"\n        >\n          RATING\n        </div>\n        <div\n          [class.active]=\"currentActiveFilter === FilterType.REVIEWS\"\n          (click)=\"onChangePresentReviews(FilterType.REVIEWS)\"\n        >\n          REVIEW\n        </div>\n      </div>\n      }\n    </div>\n\n    <!-- MAIN MODAL -->\n    <div class=\"reviews-window\">\n      @if(isTable && !hasPersonalReview){\n      <div class=\"add-review\" (click)=\"onAddReview()\">\n        <span>ADD REVIEW</span>\n        <div class=\"filter-group\">\n          <svg-icon\n            name=\"cai-plus\"\n            class=\"plus-icon\"\n            [class.disabled]=\"disabled()\"\n          ></svg-icon>\n        </div>\n      </div>\n      } @if(ratingReviews && reviewsLength == 0 && !addingReview()){\n      <div class=\"ilustration\">\n        <svg-icon\n          [name]=\"\n            !isTable\n              ? 'cai-illustration'\n              : 'cai-illustration-dark'\n          \"\n        ></svg-icon>\n      </div>\n      }@else { @if (addingReview()) {\n      <cai-single-review\n        [type]=\"modaltype\"\n        [singleReview]=\"testReview\"\n        (deleteReview)=\"onDeleteReview($event)\"\n        (onEditedReview)=\"onEditedReview($event)\"\n        (onAddedReview)=\"onGetReview($event)\"\n      />\n      } @for(review of presentReviews; track review.ratingId){\n      <cai-single-review\n        [type]=\"modaltype\"\n        [singleReview]=\"review\"\n        (deleteReview)=\"onDeleteReview($event)\"\n        (onEditedReview)=\"onEditedReview($event)\"\n        (onAddedReview)=\"onGetReview($event)\"\n      />\n      } }\n    </div>\n  </div>\n</div>\n", styles: ["svg-icon svg{width:18px;height:18px}svg-icon svg path{fill-opacity:1}p{margin:0!important}button{border:none!important}.y-divider{border:1px solid #DADADA;height:18px}.x-divider{width:100%;margin-bottom:4px;border:1px solid #424242}.column{display:flex;width:100%;height:26px!important}.disabled-btn{background-color:#f7f7f7!important;color:#ccc!important}.modal-wrapper{max-width:468px;display:flex;flex-direction:column;gap:4px;position:absolute;width:100%}.modal-wrapper .filter{padding:4px 6px}.modal-wrapper .filter .left-side .count-heading{line-height:18px;font-size:14px;color:#424242}.modal-wrapper .filter .left-side .circle{padding:2px 5px;width:21px}.modal-wrapper .filter-group{padding:0}.modal-wrapper .heading-wrapper{display:flex;flex-direction:column;gap:12px;padding:4px 6px}.table-wrapper{max-width:260px;padding:4px;border-radius:3px}.table-wrapper .reviews-window{height:100%!important;display:flex;flex-direction:column;gap:2px}.table-wrapper .filter{padding:0 0 0 4px;margin-bottom:4px;height:18px}.table-wrapper .filter .left-side{display:flex;align-items:center}.table-wrapper .filter .left-side .count-heading{text-transform:uppercase;font-size:11px;line-height:14px;font-weight:800;color:#fff}.table-wrapper .filter .left-side .circle{background-color:#424242}.table-wrapper .filter .date-group span{font-size:11px;line-height:14px;font-weight:500;color:#fff}.table-wrapper .filter .date-group svg-icon{width:18px;height:18px}.table-wrapper .btn-filters{margin:4px 0}.table-wrapper .btn-filters div{font-size:11px;line-height:14px;font-weight:700}.table-wrapper .add-review{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 4px 4px;height:26px;border-radius:2px;transition:background-color .2s ease}.table-wrapper .add-review span{line-height:18px;font-size:11px;font-weight:700;color:#92b1f5}.table-wrapper .add-review .filter-group{padding:0!important;display:flex;align-items:center}.table-wrapper .add-review .filter-group svg{width:14px;height:14px}.table-wrapper .add-review .filter-group .plus-icon{width:14px!important;height:14px!important;background-color:transparent!important}.table-wrapper .add-review .filter-group .plus-icon path{fill:#6692f1!important}.table-wrapper .add-review:hover{background-color:#3b73ed3f;cursor:pointer}.table-wrapper .add-review:hover span path{fill:#fff}.table-wrapper .add-review:hover .filter-group .plus-icon path{fill:#92b1f5!important}.details-wrapper{max-width:300px}.heading{display:flex;width:100%;justify-content:space-between;padding:4px 6px}.heading .heading-text{display:flex;gap:6px;align-items:center}.heading .heading-text p{font-weight:800;font-size:18px}.heading .heading-text span{background-color:#919191;color:#fff;font-weight:700;vertical-align:middle;padding:4px 8px;border-radius:2px}.heading .icons{display:flex;justify-content:space-between;align-items:center;min-width:60px}.heading .icons svg-icon{width:18px;height:18px;display:grid;place-items:center;cursor:pointer}.heading .icons svg-icon path{fill:#919191}.box{display:flex;flex-direction:column}.btn-filters{display:flex;border-radius:2px;padding:4px;gap:4px;justify-content:space-between;background-color:#1d1d1d}.btn-filters div{width:33%;text-align:center;border-radius:1px;padding:2px 8px;gap:10px;font-weight:700;color:#919191;transition:background-color .4s ease,color .4s ease}.btn-filters div:hover{cursor:pointer}.btn-filters div.active{background-color:#2f2f2f;color:#fff}.filter{display:flex;align-items:center;flex-direction:column}.rating_review{display:flex;align-items:center;gap:6px;margin-right:auto}.rating_review .left-side{display:flex;gap:4px;align-items:center}.rating_review .counter{display:flex;align-items:center;gap:4px}.filter-group{display:flex;justify-content:center;position:relative;align-items:center;border-radius:2px;padding:4px!important;gap:4px}.filter-group.active-group{background-color:#6c6c6c;cursor:pointer}.filter-group.active-group .cancel-icon path{fill:#fff}.filter-group.active-group .count{color:#fff}.filter-group.active-group:hover{background-color:#424242}.filter-group.active-group:hover .cancel-icon{display:flex}.filter-group.active-group:hover .count{display:none}.filter-group.non-active-group:hover{background-color:#eee!important;cursor:pointer}.filter-group.non-active-group:hover svg-icon path{fill:#424242!important}.filter-group.non-active-group:hover:has(.most-likes) .like-icon path{fill:#56b4ac!important}.filter-group.non-active-group:hover:has(.most-dislikes) .dislike-icon path{fill:#e66767!important}.filter-group svg-icon{width:18px;height:18px;display:grid;place-items:center;color:#919191;background-color:transparent}.filter-group svg-icon:hover{background-color:transparent}.filter-group .cancel-icon{width:14px;height:14px;display:none}.filter-group .like-icon svg{margin-bottom:auto!important}.filter-group .like-icon.active,.filter-group .like-icon.most-likes{color:#56b4ac;background-color:transparent}.filter-group .dislike-icon.active,.filter-group .dislike-icon.most-dislikes{color:#e66767;background-color:transparent}.filter-group .pencil-icon.active{opacity:.7;background-color:transparent}.filter-group .pencil-icon.active path{fill:#fff!important}.filter-group .plus-icon{width:26px;height:26px;display:grid;place-items:center;position:relative}.filter-group .plus-icon svg{width:18px;height:18px}.filter-group .plus-icon path{fill:#6692f1}.filter-group .plus-icon:hover{cursor:pointer;background-color:#e9effd}.filter-group .plus-icon:hover path{fill:#0b49d1}.filter-group .count{font-weight:800;font-size:11px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#919191}.filter-group .most-likes .like-icon{color:green!important}.filter-group .most-dislikes .dislike-icon{color:red!important}p{font-weight:800}.date-group{font-weight:500;display:flex;align-items:center;gap:4px;padding-left:6px;line-height:18px}.date-group svg-icon{width:18px;height:18px;display:grid;place-items:center}.circle{width:18px;height:18px;border-radius:60px;background-color:#6c6c6c;color:#fff;padding:4px 5px;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700}.disabled{pointer-events:none!important}.disabled svg path{fill:#ccc!important}.main-window .ilustration{width:100%!important;object-fit:contain;object-position:center}.main-window .ilustration svg-icon{width:100%!important}.main-window .ilustration svg-icon svg{width:100%!important;height:100%!important}.reviews-window{height:100%!important;display:flex;flex-direction:column;gap:4px}.button-wrapper{display:flex;flex-direction:column;gap:12px}.buttons{display:flex;justify-content:space-between}.buttons button{font-size:14px;font-weight:700;padding:6px;border-radius:2px;cursor:pointer}.buttons .delete-close{display:flex;gap:12px}.buttons .delete-close .delete{color:#df3c3c;width:100px}.buttons .delete-close .close{width:150px}.buttons .save-btn{background-color:#3b73ed;color:#fff;min-width:150px}.empty-state{cursor:none;pointer-events:none}.empty-state svg-icon path{fill:#91919166}.empty-state span{color:#91919166}.bottom-divider-light{width:100%;margin-top:6px;margin-bottom:4px;border-bottom:1px solid #DADADA}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: SingleReviewComponent, selector: "cai-single-review", inputs: ["type", "singleReview"], outputs: ["deleteReview", "onAddedReview", "onEditedReview"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: InputComponent, selector: "cai-input", inputs: ["id", "config", "options", "preselectedOptions", "isLoading", "hideValidation", "showNoResults", "preselectedUnit", "unassignedCount", "forceInvalidStyling"], outputs: ["onBlur", "onFocused", "onReset", "onValueChange", "onOptionAdded", "onAdd", "onSelectionChange", "onSelectedObject", "onSelectedGroup", "onClear", "onAutofill", "onScrolledToBottom", "onScrolledToBottomGroup", "onSearch", "onValueAdded", "onRemove", "onHoverRemove"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ReviewModalComponent, isStandalone: true, selector: "cai-review-modal", inputs: { ratingReviews: "ratingReviews", modaltype: "modaltype", titleInput: "titleInput" }, outputs: { reviewDeleted: "reviewDeleted" }, usesOnChanges: true, ngImport: i0, template: "@let reviewsLength = presentReviews.length;\n@let isTable = modaltype === ReviewType.Table;\n@let isModal = modaltype === ReviewType.Modal;\n@let isDetails = modaltype === ReviewType.Details;\n\n<div\n  [class]=\"{\n    'modal-wrapper': isModal,\n    'table-wrapper': isTable,\n    'details-wrapper': isDetails,\n  }\"\n>\n  <div class=\"main-window\">\n    <!-- FILTER BOX -->\n    <div class=\"box\">\n      <div class=\"filter\">\n        <div class=\"column\">\n          <div class=\"rating_review\">\n            @if(!isDetails){\n            <div class=\"left-side\">\n              <p class=\"count-heading\">Rating & Review</p>\n              <div class=\"circle\">\n                {{ countReviews }}\n              </div>\n              @if(isModal && reviewsLength > 0){\n              <div class=\"y-divider\"></div>\n              }\n            </div>\n            } @if(!isTable){\n            <div class=\"counter\">\n              <div\n                (click)=\"onSelectFilter(FilterType.LIKES)\"\n                [class]=\"{\n                  'filter-group': true,\n                  'active-group': activeLikes(),\n                  'non-active-group': !activeLikes(),\n                  'empty-state': countLikes === 0\n                }\"\n                [ngbTooltip]=\"activeLikes() ? 'Remove Filter' : 'Filter Likes'\"\n                triggers=\"mouseenter:mouseleave\"\n                tabindex=\"0\"\n                tooltipClass=\"tooltip tooltip-m-b-2\"\n                placement=\"bottom\"\n              >\n                <svg-icon\n                  name=\"cai-like\"\n                  class=\"like-icon\"\n                  [class.active]=\"activeLikes()\"\n                  [class.most-likes]=\"onReturnMost() === FilterType.LIKES\"\n                ></svg-icon>\n                <svg-icon\n                  name=\"cai-cancel\"\n                  class=\"cancel-icon\"\n                  (click)=\"onCancelFilter($event, FilterType.LIKES)\"\n                ></svg-icon>\n                <span class=\"count\">{{ countLikes }}</span>\n              </div>\n              <div\n                (click)=\"onSelectFilter(FilterType.DISLIKES)\"\n                [class]=\"{\n                  'filter-group': true,\n                  'active-group': activeDislikes(),\n                  'non-active-group': !activeDislikes(),\n                  'empty-state': countDislikes === 0\n                }\"\n                [ngbTooltip]=\"\n                  activeDislikes() ? 'Remove Filter' : 'Filter Dislikes'\n                \"\n                triggers=\"mouseenter:mouseleave\"\n                tabindex=\"0\"\n                tooltipClass=\"tooltip tooltip-m-b-2\"\n                placement=\"bottom\"\n              >\n                <svg-icon\n                  name=\"cai-dislike\"\n                  [class.active]=\"activeDislikes()\"\n                  [class.most-dislikes]=\"onReturnMost() === FilterType.DISLIKES\"\n                  class=\"dislike-icon\"\n                ></svg-icon>\n                <svg-icon\n                  name=\"cai-cancel\"\n                  class=\"cancel-icon\"\n                  (click)=\"onCancelFilter($event, FilterType.DISLIKES)\"\n                ></svg-icon>\n                <span class=\"count\">{{ countDislikes }}</span>\n              </div>\n              <div\n                (click)=\"onSelectFilter(FilterType.REVIEWS)\"\n                [class]=\"{\n                  'filter-group': true,\n                  'active-group': activeReviews(),\n                  'non-active-group': !activeReviews(),\n                  'empty-state': countReviews === 0\n                }\"\n                [ngbTooltip]=\"\n                  activeReviews() ? 'Remove Filter' : 'Filter Reviews'\n                \"\n                triggers=\"mouseenter:mouseleave\"\n                tabindex=\"0\"\n                tooltipClass=\"tooltip tooltip-m-b-2\"\n                placement=\"bottom\"\n              >\n                <svg-icon\n                  name=\"cai-edit2\"\n                  [class.active]=\"activeReviews()\"\n                  class=\"pencil-icon\"\n                ></svg-icon>\n\n                <svg-icon\n                  name=\"cai-cancel\"\n                  class=\"cancel-icon\"\n                  (click)=\"onCancelFilter($event, FilterType.REVIEWS)\"\n                ></svg-icon>\n\n                <span class=\"count\">{{ countReviews }}</span>\n              </div>\n            </div>\n            }\n          </div>\n          @if(ratingReviews && reviewsLength > 0){\n          <div class=\"date-group\">\n            <span>Date</span>\n            <svg-icon name=\"cai-sort-descending\"></svg-icon>\n          </div>\n\n          } @if(isModal || isDetails){\n          <div\n            class=\"filter-group\"\n            [ngStyle]=\"{\n              display: addingReview() && reviewsLength === 0 ? 'none' : 'flex'\n            }\"\n            ngbTooltip=\"Add New\"\n            triggers=\"mouseenter:mouseleave\"\n            tabindex=\"0\"\n            tooltipClass=\"tooltip tooltip-m-b-2\"\n            placement=\"bottom\"\n          >\n            <svg-icon\n              name=\"cai-plus\"\n              class=\"plus-icon\"\n              (click)=\"onAddReview()\"\n              [class.disabled]=\"disabled()\"\n            ></svg-icon>\n          </div>\n          }\n        </div>\n        @if(isDetails){\n        <div class=\"bottom-divider-light\"></div>\n        }\n      </div>\n      @if(isTable && reviewsLength <= 1){\n      <div class=\"x-divider\"></div>\n      } @if(isTable && reviewsLength > 0){\n      <div class=\"input-container\">\n        <cai-input\n          id=\"search\"\n          formControlName=\"search\"\n          [config]=\"{\n          type: 'text',\n          icon: 'cai-search',\n          inverse: true,\n          size: 22,\n          name: titleInput,\n          placeholderBehavior: 'fade',\n          placeholderColor: '#AAAAAA',\n        }\"\n          (onValueChange)=\"handleSearch($event)\"\n          (onClear)=\"handleClear($event)\"\n        ></cai-input>\n      </div>\n      <div class=\"btn-filters\">\n        <div\n          [class.active]=\"currentActiveFilter === FilterType.ALL\"\n          (click)=\"onChangePresentReviews(FilterType.ALL)\"\n        >\n          ALL\n        </div>\n        <div\n          [class.active]=\"currentActiveFilter === FilterType.RATING\"\n          (click)=\"onChangePresentReviews(FilterType.RATING)\"\n        >\n          RATING\n        </div>\n        <div\n          [class.active]=\"currentActiveFilter === FilterType.REVIEWS\"\n          (click)=\"onChangePresentReviews(FilterType.REVIEWS)\"\n        >\n          REVIEW\n        </div>\n      </div>\n      }\n    </div>\n\n    <!-- MAIN MODAL -->\n    <div class=\"reviews-window\">\n      @if(isTable && !hasPersonalReview){\n      <div class=\"add-review\" (click)=\"onAddReview()\">\n        <span>ADD REVIEW</span>\n        <div class=\"filter-group\">\n          <svg-icon\n            name=\"cai-plus\"\n            class=\"plus-icon\"\n            [class.disabled]=\"disabled()\"\n          ></svg-icon>\n        </div>\n      </div>\n      } @if(ratingReviews && reviewsLength == 0 && !addingReview()){\n      <div class=\"ilustration\">\n        <svg-icon\n          [name]=\"\n            !isTable\n              ? 'cai-illustration'\n              : 'cai-illustration-dark'\n          \"\n        ></svg-icon>\n      </div>\n      }@else { @if (addingReview()) {\n      <cai-single-review\n        [type]=\"modaltype\"\n        [singleReview]=\"testReview\"\n        (deleteReview)=\"onDeleteReview($event)\"\n        (onEditedReview)=\"onEditedReview($event)\"\n        (onAddedReview)=\"onGetReview($event)\"\n      />\n      } @for(review of presentReviews; track review.ratingId){\n      <cai-single-review\n        [type]=\"modaltype\"\n        [singleReview]=\"review\"\n        (deleteReview)=\"onDeleteReview($event)\"\n        (onEditedReview)=\"onEditedReview($event)\"\n        (onAddedReview)=\"onGetReview($event)\"\n      />\n      } }\n    </div>\n  </div>\n</div>\n", styles: ["svg-icon svg{width:18px;height:18px}svg-icon svg path{fill-opacity:1}p{margin:0!important}button{border:none!important}.y-divider{border:1px solid #DADADA;height:18px}.x-divider{width:100%;margin-bottom:4px;border:1px solid #424242}.column{display:flex;width:100%;height:26px!important}.disabled-btn{background-color:#f7f7f7!important;color:#ccc!important}.modal-wrapper{max-width:468px;display:flex;flex-direction:column;gap:4px;position:absolute;width:100%}.modal-wrapper .filter{padding:4px 6px}.modal-wrapper .filter .left-side .count-heading{line-height:18px;font-size:14px;color:#424242}.modal-wrapper .filter .left-side .circle{padding:2px 5px;width:21px}.modal-wrapper .filter-group{padding:0}.modal-wrapper .heading-wrapper{display:flex;flex-direction:column;gap:12px;padding:4px 6px}.table-wrapper{max-width:260px;padding:4px;border-radius:3px}.table-wrapper .reviews-window{height:100%!important;display:flex;flex-direction:column;gap:2px}.table-wrapper .filter{padding:0 0 0 4px;margin-bottom:4px;height:18px}.table-wrapper .filter .left-side{display:flex;align-items:center}.table-wrapper .filter .left-side .count-heading{text-transform:uppercase;font-size:11px;line-height:14px;font-weight:800;color:#fff}.table-wrapper .filter .left-side .circle{background-color:#424242}.table-wrapper .filter .date-group span{font-size:11px;line-height:14px;font-weight:500;color:#fff}.table-wrapper .filter .date-group svg-icon{width:18px;height:18px}.table-wrapper .btn-filters{margin:4px 0}.table-wrapper .btn-filters div{font-size:11px;line-height:14px;font-weight:700}.table-wrapper .add-review{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 4px 4px;height:26px;border-radius:2px;transition:background-color .2s ease}.table-wrapper .add-review span{line-height:18px;font-size:11px;font-weight:700;color:#92b1f5}.table-wrapper .add-review .filter-group{padding:0!important;display:flex;align-items:center}.table-wrapper .add-review .filter-group svg{width:14px;height:14px}.table-wrapper .add-review .filter-group .plus-icon{width:14px!important;height:14px!important;background-color:transparent!important}.table-wrapper .add-review .filter-group .plus-icon path{fill:#6692f1!important}.table-wrapper .add-review:hover{background-color:#3b73ed3f;cursor:pointer}.table-wrapper .add-review:hover span path{fill:#fff}.table-wrapper .add-review:hover .filter-group .plus-icon path{fill:#92b1f5!important}.details-wrapper{max-width:300px}.heading{display:flex;width:100%;justify-content:space-between;padding:4px 6px}.heading .heading-text{display:flex;gap:6px;align-items:center}.heading .heading-text p{font-weight:800;font-size:18px}.heading .heading-text span{background-color:#919191;color:#fff;font-weight:700;vertical-align:middle;padding:4px 8px;border-radius:2px}.heading .icons{display:flex;justify-content:space-between;align-items:center;min-width:60px}.heading .icons svg-icon{width:18px;height:18px;display:grid;place-items:center;cursor:pointer}.heading .icons svg-icon path{fill:#919191}.box{display:flex;flex-direction:column}.btn-filters{display:flex;border-radius:2px;padding:4px;gap:4px;justify-content:space-between;background-color:#1d1d1d}.btn-filters div{width:33%;text-align:center;border-radius:1px;padding:2px 8px;gap:10px;font-weight:700;color:#919191;transition:background-color .4s ease,color .4s ease}.btn-filters div:hover{cursor:pointer}.btn-filters div.active{background-color:#2f2f2f;color:#fff}.filter{display:flex;align-items:center;flex-direction:column}.rating_review{display:flex;align-items:center;gap:6px;margin-right:auto}.rating_review .left-side{display:flex;gap:4px;align-items:center}.rating_review .counter{display:flex;align-items:center;gap:4px}.filter-group{display:flex;justify-content:center;position:relative;align-items:center;border-radius:2px;padding:4px!important;gap:4px}.filter-group.active-group{background-color:#6c6c6c;cursor:pointer}.filter-group.active-group .cancel-icon path{fill:#fff}.filter-group.active-group .count{color:#fff}.filter-group.active-group:hover{background-color:#424242}.filter-group.active-group:hover .cancel-icon{display:flex}.filter-group.active-group:hover .count{display:none}.filter-group.non-active-group:hover{background-color:#eee!important;cursor:pointer}.filter-group.non-active-group:hover svg-icon path{fill:#424242!important}.filter-group.non-active-group:hover:has(.most-likes) .like-icon path{fill:#56b4ac!important}.filter-group.non-active-group:hover:has(.most-dislikes) .dislike-icon path{fill:#e66767!important}.filter-group svg-icon{width:18px;height:18px;display:grid;place-items:center;color:#919191;background-color:transparent}.filter-group svg-icon:hover{background-color:transparent}.filter-group .cancel-icon{width:14px;height:14px;display:none}.filter-group .like-icon svg{margin-bottom:auto!important}.filter-group .like-icon.active,.filter-group .like-icon.most-likes{color:#56b4ac;background-color:transparent}.filter-group .dislike-icon.active,.filter-group .dislike-icon.most-dislikes{color:#e66767;background-color:transparent}.filter-group .pencil-icon.active{opacity:.7;background-color:transparent}.filter-group .pencil-icon.active path{fill:#fff!important}.filter-group .plus-icon{width:26px;height:26px;display:grid;place-items:center;position:relative}.filter-group .plus-icon svg{width:18px;height:18px}.filter-group .plus-icon path{fill:#6692f1}.filter-group .plus-icon:hover{cursor:pointer;background-color:#e9effd}.filter-group .plus-icon:hover path{fill:#0b49d1}.filter-group .count{font-weight:800;font-size:11px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#919191}.filter-group .most-likes .like-icon{color:green!important}.filter-group .most-dislikes .dislike-icon{color:red!important}p{font-weight:800}.date-group{font-weight:500;display:flex;align-items:center;gap:4px;padding-left:6px;line-height:18px}.date-group svg-icon{width:18px;height:18px;display:grid;place-items:center}.circle{width:18px;height:18px;border-radius:60px;background-color:#6c6c6c;color:#fff;padding:4px 5px;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700}.disabled{pointer-events:none!important}.disabled svg path{fill:#ccc!important}.main-window .ilustration{width:100%!important;object-fit:contain;object-position:center}.main-window .ilustration svg-icon{width:100%!important}.main-window .ilustration svg-icon svg{width:100%!important;height:100%!important}.reviews-window{height:100%!important;display:flex;flex-direction:column;gap:4px}.button-wrapper{display:flex;flex-direction:column;gap:12px}.buttons{display:flex;justify-content:space-between}.buttons button{font-size:14px;font-weight:700;padding:6px;border-radius:2px;cursor:pointer}.buttons .delete-close{display:flex;gap:12px}.buttons .delete-close .delete{color:#df3c3c;width:100px}.buttons .delete-close .close{width:150px}.buttons .save-btn{background-color:#3b73ed;color:#fff;min-width:150px}.empty-state{cursor:none;pointer-events:none}.empty-state svg-icon path{fill:#91919166}.empty-state span{color:#91919166}.bottom-divider-light{width:100%;margin-top:6px;margin-bottom:4px;border-bottom:1px solid #DADADA}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: SingleReviewComponent, selector: "cai-single-review", inputs: ["type", "singleReview"], outputs: ["deleteReview", "onAddedReview", "onEditedReview"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: InputComponent, selector: "cai-input", inputs: ["id", "config", "options", "preselectedOptions", "isLoading", "hideValidation", "showNoResults", "preselectedUnit", "unassignedCount", "forceInvalidStyling"], outputs: ["onBlur", "onFocused", "onReset", "onValueChange", "onOptionAdded", "onAdd", "onSelectionChange", "onSelectedObject", "onSelectedGroup", "onClear", "onAutofill", "onScrolledToBottom", "onScrolledToBottomGroup", "onSearch", "onValueAdded", "onRemove", "onHoverRemove"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ReviewModalComponent, decorators: [{
             type: Component,
@@ -9565,7 +9435,7 @@ class ListContactDropdownComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ListContactDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ListContactDropdownComponent, isStandalone: true, selector: "cai-list-contact-dropdown", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, contacts: { classPropertyName: "contacts", publicName: "contacts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAdd: "onAdd", onDelete: "onDelete", onEdit: "onEdit", onOpen: "onOpen", onClose: "onClose" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "@let contactLists = contacts() | mapContacts: form.get('search')?.value;\n@if(!!contacts().length){\n<div\n  class=\"list-item\"\n  [class.focus]=\"open()\"\n  [ngbPopover]=\"popoverRef\"\n  #dropdown=\"ngbPopover\"\n  popoverClass=\"cai-dropdown cai-dropdown-popover\"\n  container=\"body\"\n  placement=\"bottom-start\"\n  [positionTarget]=\"anchor\"\n  [animation]=\"true\"\n  [autoClose]=\"'outside'\"\n  (hidden)=\"handleCloseDropdown()\"\n  (shown)=\"handleOpenDropdown()\"\n  (click)=\"handleClick()\"\n>\n  <div\n    class=\"container\"\n    [ngbTooltip]=\"!open() ? 'View Contacts' : null\"\n    tooltipClass=\"tooltip input-tooltip \"\n    placement=\"bottom\"\n    [openDelay]=\"600\"\n  >\n    <svg-icon name=\"cai-contact\" class=\"icon\"></svg-icon>\n    <p>{{ contacts().length }}</p>\n  </div>\n  <div #anchor class=\"dropdown-anchor\"></div>\n</div>\n} @let maxHeight = contactLists | departmentsHeight: selectedIds();\n<ng-template #popoverRef>\n  <div\n    class=\"popover-dropdown-menu\"\n    [class]=\"{\n    'animate-dropdown': true,\n  }\"\n    [class.closing]=\"closing()\"\n    [style.--max-height]=\"maxHeight > 306 ? '306px' : maxHeight + 'px'\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <ng-container *ngTemplateOutlet=\"contactsTemplate\"></ng-container>\n  </div>\n</ng-template>\n<ng-template #contactsTemplate>\n  <div class=\"header\">\n    <div class=\"title\">\n      <p class=\"title-text\">CONTACT</p>\n      <div class=\"counter\">{{ contactLists | contactCount }}</div>\n    </div>\n    <div\n      class=\"add\"\n      ngbTooltip=\"Add New\"\n      tooltipClass=\"tooltip input-tooltip tooltip-m-t-4\"\n      placement=\"top\"\n      [openDelay]=\"600\"\n      (click)=\"emitOnAdd($event)\"\n    >\n      <svg-icon name=\"cai-plus\" class=\"icon\"></svg-icon>\n    </div>\n  </div>\n  <div [formGroup]=\"form\" class=\"search\">\n    <cai-input\n      id=\"search\"\n      formControlName=\"search\"\n      [config]=\"{\n      type: 'text',\n      icon: 'cai-search',\n      inverse: true,\n      size: 22,\n      name: 'Search',\n      placeholderBehavior: 'fade',\n      placeholderColor: '#AAAAAA',            \n    }\"\n    ></cai-input>\n  </div>\n\n  @if(contactLists.length > 0){ @for (contactList of contactLists; track\n  contactList.department?.id; let isLast = $last) {\n  <div\n    class=\"department\"\n    [class.open]=\"isDepartmentOpen(contactList.department?.id)\"\n    (click)=\"handleDepartmentClick(contactList.department?.id || 0)\"\n  >\n    <div class=\"department-subtitle\">\n      <p class=\"subtitle\">\n        {{ contactList.department?.name }}\n      </p>\n      <div class=\"counter\">{{ contactList.department?.count }}</div>\n    </div>\n    <div class=\"dropdown-icon\">\n      <svg-icon name=\"cai-arrow-primary-up\" class=\"icon\"></svg-icon>\n    </div>\n  </div>\n  <div\n    class=\"contacts\"\n    [class.open]=\"isDepartmentOpen(contactList.department?.id)\"\n    [style.--max-height]=\"\n      (contactList.department?.id || 0\n        | contactsHeight : contactList : selectedIds()) + 'px'\n    \"\n  >\n    @for (contact of contactList.contacts; track contact.id) {\n    <ng-container\n      *ngTemplateOutlet=\"contactRef; context: { contact }\"\n    ></ng-container>\n    }\n  </div>\n\n  @if (!isLast) {\n  <div class=\"divider\"></div>\n  } } } @else {\n  <div class=\"no-results\">\n    <p>No Results</p>\n  </div>\n  }\n</ng-template>\n\n<ng-template #contactRef let-contact=\"contact\">\n  <div\n    class=\"contact-item\"\n    [class.active]=\"isContactOpen(contact?.id)\"\n    (click)=\"handleContactClick(contact?.id)\"\n  >\n    <div class=\"contact-header\">\n      <p\n        class=\"contact-name text-truncate\"\n        [innerHTML]=\"\n          contact?.contactName || contact?.fullName\n            | highlightSearch : form.get('search')?.value\n        \"\n      ></p>\n\n      <div class=\"contact-actions-container\">\n        <div class=\"contact-actions\">\n          <div\n            class=\"contact-action edit\"\n            (click)=\"emitOnEdit($event)\"\n            ngbTooltip=\"Edit\"\n            tooltipClass=\"tooltip input-tooltip tooltip-bg-white-700 tooltip-text-black-500\"\n            placement=\"top\"\n            [openDelay]=\"600\"\n            [container]=\"'body'\"\n          >\n            <svg-icon name=\"cai-edit\" class=\"action-icon\"></svg-icon>\n          </div>\n\n          <div\n            class=\"contact-action delete\"\n            (click)=\"emitOnDelete($event)\"\n            ngbTooltip=\"Delete\"\n            tooltipClass=\"tooltip input-tooltip tooltip-bg-red-500\"\n            placement=\"top\"\n            [openDelay]=\"600\"\n            [container]=\"'body'\"\n          >\n            <svg-icon name=\"cai-delete\" class=\"action-icon\"></svg-icon>\n          </div>\n        </div>\n\n        <div class=\"dropdown-icon\">\n          <svg-icon name=\"cai-arrow-primary-up\" class=\"icon\"></svg-icon>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"contact-info\">\n      <div class=\"info-container\">\n        <cai-copy\n          [value]=\"\n            contact?.phone +\n            (contact?.extensionPhone ? ' x' + contact?.extensionPhone : '')\n          \"\n          [inverse]=\"true\"\n        >\n          <div class=\"info-item\">\n            <svg-icon name=\"cai-phone\" class=\"icon\"></svg-icon>\n            <p>{{ contact?.phone }}</p>\n            <p class=\"text-black-100\">\n              {{ contact?.extensionPhone ? \"x\" + contact?.extensionPhone : \"\" }}\n            </p>\n          </div>\n        </cai-copy>\n      </div>\n      <div class=\"info-container\">\n        <cai-copy [value]=\"contact?.email\" [inverse]=\"true\">\n          <div class=\"info-item\">\n            <svg-icon name=\"cai-email\" class=\"icon\"></svg-icon>\n            <p class=\"email\">{{ contact?.email }}</p>\n          </div>\n        </cai-copy>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important}input:-moz-autofill,input:-moz-autofill-preview{filter:none}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{background:none;border:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.list-item{height:26px;width:46px;border-radius:2px;-webkit-user-select:none;user-select:none;background-color:transparent;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;position:relative;color:#2f2f2f;text-align:center;font-family:Montserrat;font-size:11px;font-style:normal;font-weight:600;line-height:14px}.list-item .container{padding:4px;display:flex;align-items:center;justify-content:center;gap:4px}.list-item p{width:16px}.list-item .icon{width:18px;height:18px;color:#919191;transition:color .2s ease-in-out}.list-item:hover{background-color:#91919133}.list-item:hover .icon{color:#424242}.list-item.focus{background-color:#2f2f2f;color:#fff}.list-item.focus .icon{color:#ffffffb3}.dropdown-anchor{position:absolute;width:100%;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;bottom:4px;left:-4px}.popover-dropdown-menu{min-width:0px!important;width:260px;background-color:#2f2f2f;border:0;border-radius:3px;padding:4px;max-height:306px;z-index:1100!important;overflow-y:scroll;font-family:Montserrat;font-style:normal}.popover-dropdown-menu::-webkit-scrollbar{display:none}.popover-dropdown-menu{transition:max-height .2s ease-in-out,opacity .2s ease-in-out,height .1s ease-in-out;animation:dropdown-menu-opening .2s ease-in-out}.popover-dropdown-menu.animate-dropdown{max-height:var(--max-height);height:var(--max-height)}.closing{animation:dropdown-menu-closing .2s ease-in-out;opacity:0;max-height:0}@keyframes dropdown-menu-opening{0%{max-height:0;opacity:0}to{max-height:306px;opacity:1}}@keyframes dropdown-menu-closing{0%{max-height:306px;opacity:1}to{max-height:0;opacity:0}}.header{display:flex;justify-content:space-between;align-items:center;padding-left:4px;margin-bottom:4px;-webkit-user-select:none;user-select:none}.header .title{display:flex;align-items:center;gap:4px}.header .title .title-text{color:#fff;font-size:11px;font-weight:800;line-height:14px;text-transform:uppercase}.header .add{cursor:pointer;background-color:transparent;border-radius:1px;padding:2px;transition:background-color .2s ease-in-out}.header .add:hover{background-color:#3b73ed66}.header .add:hover .icon{color:#bed0f9}.header .add .icon{width:14px;height:14px;color:#6692f1}.counter{color:#fff;font-size:11px;font-weight:700;line-height:14px;min-width:18px;padding:2px 5px;background-color:#424242;border-radius:60px;display:flex;align-items:center;justify-content:center}.department{padding:4px;margin-top:2px;margin-bottom:2px;border-radius:2px;display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer}.department:hover .subtitle,.department.open .subtitle,.department:hover .counter,.department.open .counter{color:#fff}.department.open .dropdown-icon{transform:rotate(0)}.department:hover .dropdown-icon{opacity:1;pointer-events:auto}.department:hover .dropdown-icon .icon{color:#ffffffb3}.department .department-subtitle{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.department .subtitle{-webkit-user-select:none;user-select:none;color:#aaa;font-size:11px;font-weight:800;line-height:14px;text-transform:uppercase;transition:color .2s ease-in-out}.department .counter{color:#aaa;transition:color .2s ease-in-out}.department .dropdown-icon{margin:4px}.contact-item{padding:4px;color:#fff;font-size:14px;font-weight:400;line-height:18px;cursor:pointer;background-color:transparent;transition:background-color .2s ease-in-out,font-weight .2s ease-in-out;border-radius:2px;margin-top:2px;margin-bottom:2px}.contact-item .contact-name{max-width:200px}.contact-item:hover{background-color:#424242}.contact-item:hover:not(.active) .dropdown-icon{opacity:1!important;pointer-events:auto!important}.contact-item.active{font-weight:500;background-color:#424242}.contact-item.active .contact-info{max-height:44px;opacity:1}.contact-item.active .contact-actions{opacity:1!important;pointer-events:auto!important}.contact-item.active .dropdown-icon{opacity:0!important;pointer-events:none!important;transform:rotate(0)}.contact-item.active .dropdown-icon .icon{color:#ffffffb3!important}.contact-item.active .contact-name:hover~.contact-actions-container .dropdown-icon{opacity:1!important;pointer-events:auto!important}.contact-item.active .contact-name:hover~.contact-actions-container .contact-actions{opacity:0!important;pointer-events:none!important}.contact-item .contact-info{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease-in-out,opacity .2s ease-in-out;font-weight:400}.contact-item .contact-info .info-container{margin-top:4px}.contact-item .contact-info .info-item{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.contact-item .contact-info .info-item .email{min-width:0;flex:1;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item .contact-info .info-item .icon{width:18px;height:18px;color:#919191;display:flex;align-items:center;justify-content:center}.contact-item .contact-header{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.contact-item .contact-actions-container{display:flex;position:relative;height:18px}.contact-item .contact-actions{position:absolute;right:0;top:0;display:flex;gap:4px;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.contact-item .contact-actions .contact-action{cursor:pointer;background-color:transparent;transition:background-color .2s ease-in-out;width:18px;height:18px;border-radius:2px;padding:2px}.contact-item .contact-actions .contact-action .action-icon{color:#919191;transition:color .2s ease-in-out}.contact-item .contact-actions .contact-action:hover.edit{background-color:#6c6c6c}.contact-item .contact-actions .contact-action:hover.edit .action-icon{color:#dadada}.contact-item .contact-actions .contact-action:hover.delete{background-color:#df3c3c66}.contact-item .contact-actions .contact-action:hover.delete .action-icon{color:#f4bebe}.dropdown-icon{position:absolute;right:0;top:0;opacity:0;pointer-events:none;width:18px;height:18px;padding:2px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:rotate(180deg)}.dropdown-icon .icon{color:#919191;transition:color .2s ease-in-out}.divider{height:1px;background-color:#424242;width:100%}.contacts{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease-in-out,opacity .2s ease-in-out}.contacts.open{max-height:var(--max-height);opacity:1}.no-results{background-color:#424242;color:#6c6c6c;padding:4px;margin-top:4px;border-radius:2px;height:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-family:Montserrat;font-weight:800;font-style:ExtraBold;font-size:20px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Modules
-                CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 
+                CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 
                 // Components
                 InputComponent, selector: "cai-input", inputs: ["id", "config", "options", "preselectedOptions", "isLoading", "hideValidation", "showNoResults", "preselectedUnit", "unassignedCount", "forceInvalidStyling"], outputs: ["onBlur", "onFocused", "onReset", "onValueChange", "onOptionAdded", "onAdd", "onSelectionChange", "onSelectedObject", "onSelectedGroup", "onClear", "onAutofill", "onScrolledToBottom", "onScrolledToBottomGroup", "onSearch", "onValueAdded", "onRemove", "onHoverRemove"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: CopyComponent, selector: "cai-copy", inputs: ["value", "alignment", "copyTooltip", "copyArea", "icon", "iconSize", "iconColor", "tooltipClass", "tooltipPlacement", "inverse", "hasNoIcon"] }, { kind: "ngmodule", type: 
                 // Bootstrap
@@ -9983,7 +9853,7 @@ class IntervalDropdownComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IntervalDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: IntervalDropdownComponent, isStandalone: true, selector: "cai-interval-dropdown", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, companyDays: { classPropertyName: "companyDays", publicName: "companyDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onOpen: "onOpen", onSelectionChange: "onSelectionChange" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "@let isFormValid = form?.valid;\n<div\n  class=\"dropdown-container\"\n  [class.focus]=\"open()\"\n  [ngbPopover]=\"popoverRef\"\n  #container\n  #dropdown=\"ngbPopover\"\n  popoverClass=\"cai-dropdown cai-dropdown-popover\"\n  container=\"body\"\n  placement=\"bottom-start\"\n  [positionTarget]=\"anchor\"\n  [animation]=\"true\"\n  [autoClose]=\"'outside'\"\n  (hidden)=\"handleCloseDropdown()\"\n  (shown)=\"handleOpenDropdown()\"\n  (click)=\"handleClick()\"\n>\n  <div>{{ custom() ? \"Custom\" : selectedOption()?.name }}</div>\n  <svg-icon name=\"cai-arrow-secondary-down\" class=\"dropdown-icon\"></svg-icon>\n  <div #anchor class=\"dropdown-anchor\" [class.custom]=\"custom()\"></div>\n</div>\n@let maxHeight = (options()?.length || 1) * 28 + 6;\n<ng-template #popoverRef>\n  <div\n    class=\"popover-dropdown-menu\"\n    [style.--container-width]=\"containerWidth() + 'px'\"\n    [style.--max-height]=\"\n      custom() ? '124px' : maxHeight > 306 ? '306px' : maxHeight + 'px'\n    \"\n    [class.custom]=\"custom()\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <div class=\"options-container\">\n      <ng-container *ngTemplateOutlet=\"optionsRef\"></ng-container>\n    </div>\n    <div class=\"custom-container\">\n      <ng-container *ngTemplateOutlet=\"customRef\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #optionsRef>\n  @if (options()?.length) {\n    @for (option of options(); track option.id) {\n      @let isSelected = option.id === selectedOption()?.id;\n      @let isCustomSelected = option.name === \"Custom\" && isSelected;\n      <div\n        class=\"dropdown-item\"\n        [class.selected]=\"isSelected\"\n        [class.custom-selected]=\"isCustomSelected\"\n        (pointerdown)=\"handleOption($event, option)\"\n      >\n        <p>{{ option.name }}</p>\n        <svg-icon name=\"cai-checkmark\" class=\"dropdown-item-icon\"></svg-icon>\n      </div>\n    }\n  } @else {\n    <div class=\"dropdown-item no-results\">\n      <p>No results</p>\n    </div>\n  }\n</ng-template>\n\n<ng-template #customRef>\n  <div class=\"custom-range-header\">CUSTOM RANGE</div>\n  @if (form) {\n    <div class=\"custom-range-content\" [formGroup]=\"form\">\n      <div class=\"custom-range-content-item\" [class.disabled]=\"!custom()\">\n        <cai-input-datetime-picker\n          formControlName=\"from\"\n          [inputConfig]=\"{ configType: 'from' } | dropdownFilterInputConfig\"\n        ></cai-input-datetime-picker>\n      </div>\n      <div class=\"custom-range-content-item\" [class.disabled]=\"!custom()\">\n        <cai-input-datetime-picker\n          formControlName=\"to\"\n          [inputConfig]=\"{ configType: 'to' } | dropdownFilterInputConfig\"\n        ></cai-input-datetime-picker>\n      </div>\n    </div>\n  }\n  <div class=\"custom-range-footer\">\n    <button\n      class=\"custom-range-button clear\"\n      [class.valid]=\"isFormValid\"\n      (click)=\"handleClearAll($event)\"\n    >\n      CLEAR ALL\n    </button>\n    <button\n      class=\"custom-range-button set\"\n      [class.valid]=\"isFormValid\"\n      (click)=\"handleSet($event)\"\n    >\n      SET\n    </button>\n  </div>\n</ng-template>\n", styles: ["input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s cubic-bezier(.46,.03,.51,.95) 0s!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important}input:-moz-autofill,input:-moz-autofill-preview{filter:none}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{background:none;border:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.dropdown-container{width:100%;position:relative;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;gap:6px;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:2px;font-weight:800;font-size:14px;line-height:18px;letter-spacing:0%;transition:background-color .2s cubic-bezier(.46,.03,.51,.95),color .2s cubic-bezier(.46,.03,.51,.95);background-color:#eee;color:#6c6c6c}.dropdown-container .dropdown-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#919191;transition:color .2s cubic-bezier(.46,.03,.51,.95),transform .2s cubic-bezier(.46,.03,.51,.95);transform:rotate(0)}.dropdown-container:hover:not(.focus){background-color:#dadada;color:#424242}.dropdown-container:hover:not(.focus) .dropdown-icon{color:#424242}.dropdown-container.focus{background-color:#2f2f2f;color:#fff}.dropdown-container.focus .dropdown-icon{transform:rotate(180deg);color:#ffffffb3}.dropdown-anchor{position:absolute;width:100%;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;bottom:4px;left:0;transition:transform .2s cubic-bezier(.46,.03,.51,.95)}.popover-dropdown-menu{min-width:0px!important;background-color:#2f2f2f;width:var(--container-width);border:0;border-radius:3px;padding:4px;max-height:306px;z-index:1100!important;overflow-y:scroll;font-family:Montserrat;font-style:normal;position:relative;transition:max-height .2s cubic-bezier(.46,.03,.51,.95),opacity .2s cubic-bezier(.46,.03,.51,.95),height .1s cubic-bezier(.46,.03,.51,.95),width .2s cubic-bezier(.46,.03,.51,.95),transform .2s cubic-bezier(.46,.03,.51,.95);animation:dropdown-menu-opening .2s cubic-bezier(.46,.03,.51,.95);max-height:var(--max-height);height:var(--max-height)}.popover-dropdown-menu::-webkit-scrollbar{display:none}.closing{animation:dropdown-menu-closing .2s cubic-bezier(.46,.03,.51,.95);opacity:0;max-height:0}.options-container{padding:4px;position:absolute;top:0;left:0;width:100%;opacity:1;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.custom-container{position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:opacity .1s cubic-bezier(.46,.03,.51,.95);width:100%;padding:4px}.popover-dropdown-menu.custom{width:300px;transform:translate(-78px);overflow:hidden}.popover-dropdown-menu.custom .options-container{opacity:0;pointer-events:none}.popover-dropdown-menu.custom .custom-container{opacity:1;pointer-events:auto}@keyframes dropdown-menu-opening{0%{max-height:0;opacity:0}to{max-height:306px;opacity:1}}@keyframes dropdown-menu-closing{0%{max-height:306px;opacity:1}to{max-height:0;opacity:0}}.dropdown-item{color:#fff;font-weight:400;font-size:14px;line-height:18px;height:26px;padding:4px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#2f2f2f;transition:background-color .2s cubic-bezier(.46,.03,.51,.95),color .2s cubic-bezier(.46,.03,.51,.95);border-radius:2px;position:relative}.dropdown-item:hover{background-color:#424242;color:#fff}.dropdown-item:focus-visible{background-color:#424242;border:0;outline:none}.dropdown-item.selected{font-weight:700;cursor:default}.dropdown-item.selected .dropdown-item-icon{opacity:1}.dropdown-item.custom-selected{cursor:pointer!important}.dropdown-item .dropdown-item-icon{opacity:0;transition:opacity .2s cubic-bezier(.46,.03,.51,.95);color:#6692f1}.dropdown-item:not(:first-child){margin-top:2px}.no-results{color:#919191;font-weight:700;pointer-events:none}.custom-range-header{color:#fff;font-size:11px;font-weight:800;line-height:14px;text-transform:uppercase;padding:2px 4px 6px;border-bottom:1px solid #424242;margin-bottom:2px;-webkit-user-select:none;user-select:none}.custom-range-footer{padding-top:4px;border-top:1px solid #424242;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:4px}.custom-range-content{padding-top:22px;padding-bottom:18px;margin-top:4px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:4px;-webkit-user-select:none;user-select:none}.custom-range-button{padding:2px;background-color:#91919133;color:#919191;text-align:center;font-size:11px;font-weight:700;line-height:14px;text-transform:uppercase;border-radius:2px;flex:1;cursor:default!important;transition:background-color .2s cubic-bezier(.46,.03,.51,.95),color .2s cubic-bezier(.46,.03,.51,.95);-webkit-user-select:none;user-select:none}.custom-range-button.valid{color:#dadada;cursor:pointer!important}.custom-range-content-item{flex:1}.custom-range-content-item.disabled{pointer-events:none!important;cursor:default!important;z-index:-1!important}.clear.valid:hover{background-color:#eee;color:#424242}.set.valid{background-color:#3b73ed}.set.valid:hover{background-color:#e9effd;color:#0b49d1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: IntervalDropdownComponent, isStandalone: true, selector: "cai-interval-dropdown", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, companyDays: { classPropertyName: "companyDays", publicName: "companyDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onOpen: "onOpen", onSelectionChange: "onSelectionChange" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "@let isFormValid = form?.valid;\n<div\n  class=\"dropdown-container\"\n  [class.focus]=\"open()\"\n  [ngbPopover]=\"popoverRef\"\n  #container\n  #dropdown=\"ngbPopover\"\n  popoverClass=\"cai-dropdown cai-dropdown-popover\"\n  container=\"body\"\n  placement=\"bottom-start\"\n  [positionTarget]=\"anchor\"\n  [animation]=\"true\"\n  [autoClose]=\"'outside'\"\n  (hidden)=\"handleCloseDropdown()\"\n  (shown)=\"handleOpenDropdown()\"\n  (click)=\"handleClick()\"\n>\n  <div>{{ custom() ? \"Custom\" : selectedOption()?.name }}</div>\n  <svg-icon name=\"cai-arrow-secondary-down\" class=\"dropdown-icon\"></svg-icon>\n  <div #anchor class=\"dropdown-anchor\" [class.custom]=\"custom()\"></div>\n</div>\n@let maxHeight = (options()?.length || 1) * 28 + 6;\n<ng-template #popoverRef>\n  <div\n    class=\"popover-dropdown-menu\"\n    [style.--container-width]=\"containerWidth() + 'px'\"\n    [style.--max-height]=\"\n      custom() ? '124px' : maxHeight > 306 ? '306px' : maxHeight + 'px'\n    \"\n    [class.custom]=\"custom()\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <div class=\"options-container\">\n      <ng-container *ngTemplateOutlet=\"optionsRef\"></ng-container>\n    </div>\n    <div class=\"custom-container\">\n      <ng-container *ngTemplateOutlet=\"customRef\"></ng-container>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #optionsRef>\n  @if (options()?.length) {\n    @for (option of options(); track option.id) {\n      @let isSelected = option.id === selectedOption()?.id;\n      @let isCustomSelected = option.name === \"Custom\" && isSelected;\n      <div\n        class=\"dropdown-item\"\n        [class.selected]=\"isSelected\"\n        [class.custom-selected]=\"isCustomSelected\"\n        (pointerdown)=\"handleOption($event, option)\"\n      >\n        <p>{{ option.name }}</p>\n        <svg-icon name=\"cai-checkmark\" class=\"dropdown-item-icon\"></svg-icon>\n      </div>\n    }\n  } @else {\n    <div class=\"dropdown-item no-results\">\n      <p>No results</p>\n    </div>\n  }\n</ng-template>\n\n<ng-template #customRef>\n  <div class=\"custom-range-header\">CUSTOM RANGE</div>\n  @if (form) {\n    <div class=\"custom-range-content\" [formGroup]=\"form\">\n      <div class=\"custom-range-content-item\" [class.disabled]=\"!custom()\">\n        <cai-input-datetime-picker\n          formControlName=\"from\"\n          [inputConfig]=\"{ configType: 'from' } | dropdownFilterInputConfig\"\n        ></cai-input-datetime-picker>\n      </div>\n      <div class=\"custom-range-content-item\" [class.disabled]=\"!custom()\">\n        <cai-input-datetime-picker\n          formControlName=\"to\"\n          [inputConfig]=\"{ configType: 'to' } | dropdownFilterInputConfig\"\n        ></cai-input-datetime-picker>\n      </div>\n    </div>\n  }\n  <div class=\"custom-range-footer\">\n    <button\n      class=\"custom-range-button clear\"\n      [class.valid]=\"isFormValid\"\n      (click)=\"handleClearAll($event)\"\n    >\n      CLEAR ALL\n    </button>\n    <button\n      class=\"custom-range-button set\"\n      [class.valid]=\"isFormValid\"\n      (click)=\"handleSet($event)\"\n    >\n      SET\n    </button>\n  </div>\n</ng-template>\n", styles: ["input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s cubic-bezier(.46,.03,.51,.95) 0s!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important}input:-moz-autofill,input:-moz-autofill-preview{filter:none}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{background:none;border:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.dropdown-container{width:100%;position:relative;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;gap:6px;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:2px;font-weight:800;font-size:14px;line-height:18px;letter-spacing:0%;transition:background-color .2s cubic-bezier(.46,.03,.51,.95),color .2s cubic-bezier(.46,.03,.51,.95);background-color:#eee;color:#6c6c6c}.dropdown-container .dropdown-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#919191;transition:color .2s cubic-bezier(.46,.03,.51,.95),transform .2s cubic-bezier(.46,.03,.51,.95);transform:rotate(0)}.dropdown-container:hover:not(.focus){background-color:#dadada;color:#424242}.dropdown-container:hover:not(.focus) .dropdown-icon{color:#424242}.dropdown-container.focus{background-color:#2f2f2f;color:#fff}.dropdown-container.focus .dropdown-icon{transform:rotate(180deg);color:#ffffffb3}.dropdown-anchor{position:absolute;width:100%;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;bottom:4px;left:0;transition:transform .2s cubic-bezier(.46,.03,.51,.95)}.popover-dropdown-menu{min-width:0px!important;background-color:#2f2f2f;width:var(--container-width);border:0;border-radius:3px;padding:4px;max-height:306px;z-index:1100!important;overflow-y:scroll;font-family:Montserrat;font-style:normal;position:relative;transition:max-height .2s cubic-bezier(.46,.03,.51,.95),opacity .2s cubic-bezier(.46,.03,.51,.95),height .1s cubic-bezier(.46,.03,.51,.95),width .2s cubic-bezier(.46,.03,.51,.95),transform .2s cubic-bezier(.46,.03,.51,.95);animation:dropdown-menu-opening .2s cubic-bezier(.46,.03,.51,.95);max-height:var(--max-height);height:var(--max-height)}.popover-dropdown-menu::-webkit-scrollbar{display:none}.closing{animation:dropdown-menu-closing .2s cubic-bezier(.46,.03,.51,.95);opacity:0;max-height:0}.options-container{padding:4px;position:absolute;top:0;left:0;width:100%;opacity:1;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.custom-container{position:absolute;top:0;left:0;pointer-events:none;opacity:0;transition:opacity .1s cubic-bezier(.46,.03,.51,.95);width:100%;padding:4px}.popover-dropdown-menu.custom{width:300px;transform:translate(-78px);overflow:hidden}.popover-dropdown-menu.custom .options-container{opacity:0;pointer-events:none}.popover-dropdown-menu.custom .custom-container{opacity:1;pointer-events:auto}@keyframes dropdown-menu-opening{0%{max-height:0;opacity:0}to{max-height:306px;opacity:1}}@keyframes dropdown-menu-closing{0%{max-height:306px;opacity:1}to{max-height:0;opacity:0}}.dropdown-item{color:#fff;font-weight:400;font-size:14px;line-height:18px;height:26px;padding:4px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#2f2f2f;transition:background-color .2s cubic-bezier(.46,.03,.51,.95),color .2s cubic-bezier(.46,.03,.51,.95);border-radius:2px;position:relative}.dropdown-item:hover{background-color:#424242;color:#fff}.dropdown-item:focus-visible{background-color:#424242;border:0;outline:none}.dropdown-item.selected{font-weight:700;cursor:default}.dropdown-item.selected .dropdown-item-icon{opacity:1}.dropdown-item.custom-selected{cursor:pointer!important}.dropdown-item .dropdown-item-icon{opacity:0;transition:opacity .2s cubic-bezier(.46,.03,.51,.95);color:#6692f1}.dropdown-item:not(:first-child){margin-top:2px}.no-results{color:#919191;font-weight:700;pointer-events:none}.custom-range-header{color:#fff;font-size:11px;font-weight:800;line-height:14px;text-transform:uppercase;padding:2px 4px 6px;border-bottom:1px solid #424242;margin-bottom:2px;-webkit-user-select:none;user-select:none}.custom-range-footer{padding-top:4px;border-top:1px solid #424242;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:4px}.custom-range-content{padding-top:22px;padding-bottom:18px;margin-top:4px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:4px;-webkit-user-select:none;user-select:none}.custom-range-button{padding:2px;background-color:#91919133;color:#919191;text-align:center;font-size:11px;font-weight:700;line-height:14px;text-transform:uppercase;border-radius:2px;flex:1;cursor:default!important;transition:background-color .2s cubic-bezier(.46,.03,.51,.95),color .2s cubic-bezier(.46,.03,.51,.95);-webkit-user-select:none;user-select:none}.custom-range-button.valid{color:#dadada;cursor:pointer!important}.custom-range-content-item{flex:1}.custom-range-content-item.disabled{pointer-events:none!important;cursor:default!important;z-index:-1!important}.clear.valid:hover{background-color:#eee;color:#424242}.set.valid{background-color:#3b73ed}.set.valid:hover{background-color:#e9effd;color:#0b49d1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: 
                 // Components
                 CaiInputDatetimePickerComponent, selector: "cai-input-datetime-picker, ca-date-time", inputs: ["id", "inputConfig", "forceInvalidStyling"], outputs: ["clear", "blurInput", "onFocusEmitter"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "ngmodule", type: 
                 // Bootstrap
@@ -11082,7 +10952,7 @@ class DispatchDropdownComponent {
         event.preventDefault();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DispatchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DispatchDropdownComponent, isStandalone: true, selector: "cai-dispatch-dropdown", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isEditable: { classPropertyName: "isEditable", publicName: "isEditable", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLocked: { classPropertyName: "isLocked", publicName: "isLocked", isSignal: true, isRequired: false, transformFunction: null }, hasNoRemoveButton: { classPropertyName: "hasNoRemoveButton", publicName: "hasNoRemoveButton", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, disabledTooltip: { classPropertyName: "disabledTooltip", publicName: "disabledTooltip", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null }, optionTemplateLeft: { classPropertyName: "optionTemplateLeft", publicName: "optionTemplateLeft", isSignal: true, isRequired: false, transformFunction: null }, optionTemplateRight: { classPropertyName: "optionTemplateRight", publicName: "optionTemplateRight", isSignal: true, isRequired: false, transformFunction: null }, noContentTemplate: { classPropertyName: "noContentTemplate", publicName: "noContentTemplate", isSignal: true, isRequired: false, transformFunction: null }, hideDropdownMenu: { classPropertyName: "hideDropdownMenu", publicName: "hideDropdownMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange", onRemove: "onRemove", onAddNew: "onAddNew", onSearch: "onSearch", onToggleDropdown: "onToggleDropdown", onBlur: "onBlur" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let hasNoAdd = config().hasNoAdd ?? false;\n@let hasNoAddNew = config().hasNoAddNew ?? false;\n@let optionLabel = config().optionLabel ?? \"name\";\n@let groupLabel = config().groupLabel ?? \"name\";\n\n<div\n  #container\n  class=\"dispatch-dropdown\"\n  [ngClass]=\"{\n    open: dropdownOpen(),\n    'has-data': !!data(),\n    'is-locked': isLocked(),\n    'has-no-remove-button': hasNoRemoveButton(),\n    'has-no-add': hasNoAdd,\n    'has-no-content-template': noContentTemplate(),\n    editable: isEditable(),\n  }\"\n  ngbDropdown\n  #dropdown=\"ngbDropdown\"\n  dropdownClass=\"cai-dropdown\"\n  [autoClose]=\"false\"\n  [container]=\"'body'\"\n  (pointerdown)=\"handleClick($event)\"\n  (openChange)=\"handleOpenChange($event)\"\n>\n  <div class=\"main-container\">\n    <div class=\"dispatch-template\">\n      @if (data()) {\n        <ng-container\n          *ngTemplateOutlet=\"contentTemplate(); context: { $implicit: data() }\"\n        ></ng-container>\n      }\n    </div>\n\n    <div class=\"no-content\">\n      @if (noContentTemplate()) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            noContentTemplate();\n            context: { $implicit: data() }\n          \"\n        ></ng-container>\n      } @else {\n        <span class=\"default-add\">ADD</span>\n      }\n    </div>\n\n    <div class=\"dropdown-input-container\">\n      <input\n        #inputRef\n        type=\"text\"\n        class=\"dispatch-dropdown-input\"\n        [tabIndex]=\"!!data() || isLocked() ? -1 : 0\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (keydown)=\"handleKeydown($event)\"\n        [placeholder]=\"config().placeholder\"\n        [(ngModel)]=\"searchValue\"\n        (input)=\"handleSearch($event)\"\n      />\n    </div>\n  </div>\n\n  @let isButtonLocked =\n    isLocked() || (hasNoRemoveButton() && !!data() && !isEditable());\n\n  @let buttonTooltip =\n    isDisabled()\n      ? disabledTooltip()\n      : dropdownOpen()\n        ? \"Cancel\"\n        : data()\n          ? \"Remove\"\n          : \"\";\n\n  @let buttonTooltipClass =\n    isDisabled()\n      ? \"input-tooltip tooltip-m-t-4\"\n      : dropdownOpen() || !data() || isEditable()\n        ? \"input-tooltip tooltip-m-t-4 tooltip-bg-white-700 tooltip-text-black-500\"\n        : \"input-tooltip tooltip-m-t-4 tooltip-bg-red-500\";\n\n  <div class=\"buttons-container\" [class.locked]=\"isButtonLocked\">\n    <div\n      class=\"primary-button\"\n      [class.disabled]=\"isDisabled()\"\n      (pointerdown)=\"isDisabled() ? null : handlePrimaryButtonClick($event)\"\n      [ngbTooltip]=\"buttonTooltip\"\n      [tooltipClass]=\"buttonTooltipClass\"\n      [container]=\"'body'\"\n      [autoClose]=\"true\"\n      [openDelay]=\"600\"\n      [placement]=\"'bottom'\"\n    >\n      <svg-icon name=\"cai-plus\" class=\"primary-button-icon\"></svg-icon>\n    </div>\n    <div class=\"dragging-indicator\">\n      <svg-icon name=\"cai-drag\" class=\"dragging-icon\"></svg-icon>\n    </div>\n  </div>\n\n  <div class=\"dropdown-anchor\" ngbDropdownAnchor></div>\n\n  <div\n    class=\"dropdown-menu dispatch-dropdown-menu\"\n    [class.hide-dropdown]=\"hideDropdownMenu()\"\n    #dropdownMenu\n    ngbDropdownMenu\n    (click)=\"stopEventPropagationAndPreventDefault($event)\"\n    (pointerdown)=\"stopEventPropagationAndPreventDefault($event)\"\n    [style.width.px]=\"containerWidth()\"\n    [class.closing]=\"closing()\"\n    [style.--max-height]=\"\n      config().isGrouped ? groupMaxHeightStyle() : maxHeightStyle()\n    \"\n    [style.--container-height]=\"\n      config().hasPagination || config().isGrouped\n        ? '244px'\n        : containerHeightStyle()\n    \"\n  >\n    <div class=\"dropdown-menu-content\">\n      <div class=\"dropdown-menu-separator\"></div>\n\n      @if (config().isGrouped) {\n        <ng-container *ngTemplateOutlet=\"groupedOptionsTemplate\"></ng-container>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"optionsTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #optionsTemplate>\n  @if (highlightedOptions().length) {\n    @for (option of highlightedOptions(); track option?.id ?? $index) {\n      <ng-container\n        *ngTemplateOutlet=\"dropdownItemTemplate; context: { $implicit: option }\"\n      ></ng-container>\n    }\n  } @else {\n    <ng-container *ngTemplateOutlet=\"noResultsTemplate\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #groupedOptionsTemplate>\n  @if (filteredGroupedOptions().length) {\n    @for (group of filteredGroupedOptions(); track group?.id ?? $index) {\n      <div class=\"dropdown-group-container\">\n        <div\n          class=\"dropdown-group-header\"\n          [class.collapsed]=\"group.isCollapsed\"\n          (pointerdown)=\"toggleGroup($event, group.groupName)\"\n        >\n          <p class=\"dropdown-group-label\" [innerHTML]=\"group.groupName\"></p>\n          <div class=\"header-right\">\n            <div class=\"counter\">{{ group.highlightedOptions.length }}</div>\n            <svg-icon\n              name=\"cai-arrow-primary-up\"\n              class=\"dropdown-icon\"\n            ></svg-icon>\n          </div>\n        </div>\n\n        @let groupHeight =\n          (group.highlightedOptions.length || (config().hasNoAddNew ? 1 : 2)) *\n            30 +\n          \"px\";\n        <div\n          class=\"dropdown-group\"\n          [class.collapsed]=\"group.isCollapsed\"\n          [style.--group-height]=\"groupHeight\"\n        >\n          @if (group.highlightedOptions.length) {\n            @for (\n              option of group.highlightedOptions;\n              track option?.id ?? $index\n            ) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  dropdownItemTemplate;\n                  context: { $implicit: option }\n                \"\n              ></ng-container>\n            }\n          } @else {\n            <ng-container\n              *ngTemplateOutlet=\"noResultsTemplate; context: { id: group.id }\"\n            ></ng-container>\n          }\n        </div>\n      </div>\n    }\n  } @else {\n    <ng-container\n      *ngTemplateOutlet=\"noResultsTemplate; context: { id: null }\"\n    ></ng-container>\n  }\n</ng-template>\n\n<ng-template #noResultsTemplate let-id=\"id\">\n  @if (!hasNoAddNew) {\n    <div class=\"dropdown-item add-new\" (pointerdown)=\"handleAddNew(id ?? null)\">\n      <p class=\"add-new-text\">ADD NEW</p>\n      <svg-icon name=\"cai-plus\" class=\"add-item-icon\"></svg-icon>\n    </div>\n  }\n  <div class=\"dropdown-item no-results\">\n    <p>No results</p>\n  </div>\n</ng-template>\n\n<ng-template #dropdownItemTemplate let-option>\n  <div class=\"dropdown-item\" (pointerdown)=\"handleOption($event, option)\">\n    <ng-container\n      *ngTemplateOutlet=\"optionTemplateLeft(); context: { $implicit: option }\"\n    ></ng-container>\n    <p [innerHTML]=\"option.highlighted\"></p>\n    <ng-container\n      *ngTemplateOutlet=\"optionTemplateRight(); context: { $implicit: option }\"\n    ></ng-container>\n  </div>\n</ng-template>\n", styles: ["input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important}input:-moz-autofill,input:-moz-autofill-preview{filter:none}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{background:none;border:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.dispatch-dropdown{height:34px;border-radius:3px;background-color:transparent;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),border-radius .1s cubic-bezier(.46,.03,.51,.95);isolation:isolate;padding:4px;display:flex;align-items:center}.dispatch-dropdown.editable{cursor:pointer}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked){cursor:pointer}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked) .no-content{opacity:1;pointer-events:auto}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked):hover{background-color:#0b49d1}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked):hover .primary-button-icon{color:#bed0f9}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked):hover .default-add{color:#fff}.dispatch-dropdown.is-locked:not(.has-data) .no-content{opacity:0!important;pointer-events:none!important}.dispatch-dropdown.has-no-add:not(.open) .primary-button,.dispatch-dropdown.has-no-content-template:not(.open) .primary-button{opacity:0;pointer-events:none}.dispatch-dropdown.has-no-add:not(.open) .buttons-container,.dispatch-dropdown.has-no-content-template:not(.open) .buttons-container{width:0px}.dispatch-dropdown.has-no-add:not(.open) .primary-button-icon,.dispatch-dropdown.has-no-content-template:not(.open) .primary-button-icon{color:transparent!important;transform:rotate(45deg)}.dispatch-dropdown.has-no-add:not(.open):hover,.dispatch-dropdown.has-no-content-template:not(.open):hover{background-color:transparent!important}.dispatch-dropdown.has-no-content-template .no-content{margin-left:0!important}.dispatch-dropdown.has-no-add:not(.open) .no-content{opacity:0!important;pointer-events:none!important}.dispatch-dropdown.has-data:not(.open) .dispatch-template{opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.dispatch-dropdown.has-data:not(.open) .no-content{opacity:0!important;pointer-events:none!important}.dispatch-dropdown.has-data:not(.open) .dropdown-input-container{opacity:0;pointer-events:none}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button{pointer-events:auto}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button .primary-button-icon{color:#919191;transform:rotate(45deg)}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button:hover:not(.disabled){background-color:#f4bebe!important}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button:hover:not(.disabled) .primary-button-icon{color:#c20c0c!important}.dispatch-dropdown.is-locked .buttons-container,.dispatch-dropdown.has-no-remove-button.has-data .buttons-container{width:0px}.dispatch-dropdown.open{background-color:#2f2f2f}.dispatch-dropdown.open .no-content{opacity:0;pointer-events:none}.dispatch-dropdown.open .dispatch-dropdown-input{opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.dispatch-dropdown.open .primary-button-icon{transform:rotate(45deg);color:#919191}.dispatch-dropdown.open .dispatch-template{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dispatch-dropdown.open .primary-button{pointer-events:auto}.dispatch-dropdown.open .primary-button:hover{background-color:#91919166!important}.dispatch-dropdown.open .primary-button:hover .primary-button-icon{color:#dadada!important}.main-container{position:relative;flex:1;height:26px}.dispatch-template{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:26px}.dispatch-template,.no-content,.dropdown-input-container{position:absolute;top:0;left:0;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.no-content{height:26px;display:flex;align-items:center;transition:opacity .1s cubic-bezier(.46,.03,.51,.95);margin-left:10px;-webkit-user-select:none;user-select:none}.default-add{color:#424242;font-size:11px;font-weight:500;text-transform:uppercase;transition:color .1s cubic-bezier(.46,.03,.51,.95)}.buttons-container{position:relative;z-index:1;height:26px;-webkit-user-select:none;user-select:none;width:26px}.buttons-container.locked .primary-button{pointer-events:none!important;opacity:0}.buttons-container.dragging .dragging-indicator{opacity:1!important;pointer-events:auto}.buttons-container.dragging .primary-button{opacity:0!important;pointer-events:none}.buttons-container .primary-button{opacity:1;pointer-events:auto}.buttons-container .dragging-indicator{opacity:0;pointer-events:none}.primary-button,.dragging-indicator{position:absolute;bottom:0;right:0;z-index:1;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.dragging-indicator{padding:4px;width:26px;height:26px}.primary-button{position:absolute;right:0;bottom:0;-webkit-user-select:none;user-select:none;cursor:pointer;padding:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:opacity .1s cubic-bezier(.46,.03,.51,.95),background-color .1s cubic-bezier(.46,.03,.51,.95)}.primary-button .primary-button-icon{display:flex;align-items:center;justify-content:center;color:#6692f1;transition:color .1s cubic-bezier(.46,.03,.51,.95),opacity .1s cubic-bezier(.46,.03,.51,.95),transform .1s cubic-bezier(.46,.03,.51,.95)}.primary-button .primary-button-icon svg{height:18px;width:18px}.primary-button.disabled{cursor:default}.primary-button.disabled .primary-button-icon{color:#ccc!important}.dropdown-input-container{padding:4px 8px 4px 6px;height:26px;display:flex;align-items:center;justify-content:flex-start}.dispatch-dropdown-input{height:18px;border:0;outline:none;background-color:transparent;color:#fff;padding:0;margin:0;width:100%;font-size:14px;font-weight:400;line-height:18px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.dispatch-dropdown-input ::placeholder{color:#6c6c6c}.dropdown-anchor{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dropdown-menu{min-width:0px!important;width:100%;background-color:transparent;border:0;padding:0!important;z-index:1100!important;height:var(--container-height);max-height:var(--container-height);transition:opacity .1s cubic-bezier(.46,.03,.51,.95)!important}.dropdown-menu .dropdown-menu-content{position:absolute;width:100%;padding:2px 0 4px 4px;background-color:#2f2f2f;max-height:var(--max-height);height:var(--max-height);overflow-y:scroll;scrollbar-gutter:stable}.dropdown-menu .dropdown-menu-content::-webkit-scrollbar{background-color:#2f2f2f;border-radius:0 3px 3px 0;width:6px}.dropdown-menu .dropdown-menu-content::-webkit-scrollbar-thumb{background-color:#919191;width:2px;border:2px solid #2f2f2f;border-radius:3px}@supports (-moz-appearance: none){.dropdown-menu .dropdown-menu-content{padding-right:6px;scrollbar-width:4px;scrollbar-color:#919191 transparent;scrollbar-gutter:stable!important}.dropdown-menu .dropdown-menu-content:hover{scrollbar-color:#919191 transparent;scrollbar-width:4px!important;scrollbar-gutter:stable!important}}@-moz-document url-prefix(){.dropdown-menu .dropdown-menu-content{overflow:-moz-scrollbars-vertical;scrollbar-width:4px;scrollbar-color:#919191 transparent}}.dropdown-menu .dropdown-menu-content{transition:max-height .1s cubic-bezier(.46,.03,.51,.95),height .1s cubic-bezier(.46,.03,.51,.95)!important}@starting-style{.dropdown-menu .dropdown-menu-content{max-height:0;overflow-y:hidden}}.dropdown-menu .dropdown-menu-content{animation:dropdown-menu-opening .1s cubic-bezier(.46,.03,.51,.95)}@starting-style{.dropdown-menu{opacity:0;overflow-y:hidden}}.dropdown-menu.closing,.dropdown-menu.hide-dropdown{opacity:0}.dropdown-menu.closing .dropdown-menu-content,.dropdown-menu.hide-dropdown .dropdown-menu-content{max-height:0;overflow-y:hidden;animation:none}@keyframes dropdown-menu-opening{0%{overflow-y:hidden}99%{overflow-y:hidden}to{overflow-y:scroll}}.dropdown-item{color:#fff;font-weight:400;font-size:14px;line-height:18px;height:26px;padding:4px 6px;width:100%;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#2f2f2f;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),color .1s cubic-bezier(.46,.03,.51,.95);border-radius:2px;position:relative;margin-top:4px}.dropdown-item:hover{background-color:#424242;color:#fff}.dropdown-item:focus-visible{background-color:#424242;border:0;outline:none}.dropdown-item p{flex-shrink:1;max-width:max-content;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-group-header{color:#fff;font-weight:700;font-size:11px;line-height:18px;height:30px;padding:8px 4px 4px;width:100%;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#2f2f2f;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),color .1s cubic-bezier(.46,.03,.51,.95);position:relative}.dropdown-group-header:hover{color:#fff!important}.dropdown-group-header:hover .dropdown-icon{opacity:1!important;color:#ffffffb3!important}.dropdown-group-header:hover .counter{opacity:0!important}.dropdown-group-header:focus-visible{border:0;outline:none}.dropdown-group-header p{flex-shrink:1;max-width:max-content;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px}.dropdown-group-header .dropdown-icon{transition:color .1s cubic-bezier(.46,.03,.51,.95),transform .1s cubic-bezier(.46,.03,.51,.95),opacity .1s cubic-bezier(.46,.03,.51,.95);color:#ffffffb3;position:absolute;top:2px;right:2px;opacity:0}.dropdown-group-header .counter{display:flex;padding:1px 4px;flex-direction:column;justify-content:center;align-items:center;min-width:16px;color:#eee;text-align:center;font-size:11px;font-weight:600;line-height:14px;border-radius:60px;background-color:#424242;-webkit-user-select:none;user-select:none;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.dropdown-group-header.collapsed{color:#aaa}.dropdown-group-header.collapsed .counter{opacity:0}.dropdown-group-header.collapsed .dropdown-icon{color:#919191;transform:rotateX(180deg);opacity:1!important}.dropdown-group-container{position:relative}.dropdown-group-container:not(:nth-child(2)) .dropdown-group-header{border-top:1px solid #424242;margin-top:3px}.header-right{height:18px;padding-left:4px;position:relative;margin-left:auto}.dropdown-group{overflow:hidden;height:var(--group-height);max-height:var(--group-height);transition:height .1s cubic-bezier(.46,.03,.51,.95),max-height .1s cubic-bezier(.46,.03,.51,.95)}.dropdown-group.collapsed{height:0;max-height:0}.no-results{color:#919191;font-weight:700;font-size:11px;line-height:14px;pointer-events:none}.dropdown-menu-separator{position:fixed;z-index:30;width:calc(100% - 8px);height:1px;background-color:transparent;border-bottom:1px solid #424242;margin-top:-1px}.add-new{font-size:11px;line-height:14px;font-weight:700;color:#92b1f5;border-radius:2px;background-color:transparent;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),color .1s cubic-bezier(.46,.03,.51,.95)}.add-new:hover{background-color:#3b73ed66;color:#fff}.add-new .add-item-icon{opacity:1;color:#92b1f5;margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DispatchDropdownComponent, isStandalone: true, selector: "cai-dispatch-dropdown", inputs: { selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isEditable: { classPropertyName: "isEditable", publicName: "isEditable", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, isLocked: { classPropertyName: "isLocked", publicName: "isLocked", isSignal: true, isRequired: false, transformFunction: null }, hasNoRemoveButton: { classPropertyName: "hasNoRemoveButton", publicName: "hasNoRemoveButton", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, disabledTooltip: { classPropertyName: "disabledTooltip", publicName: "disabledTooltip", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null }, optionTemplateLeft: { classPropertyName: "optionTemplateLeft", publicName: "optionTemplateLeft", isSignal: true, isRequired: false, transformFunction: null }, optionTemplateRight: { classPropertyName: "optionTemplateRight", publicName: "optionTemplateRight", isSignal: true, isRequired: false, transformFunction: null }, noContentTemplate: { classPropertyName: "noContentTemplate", publicName: "noContentTemplate", isSignal: true, isRequired: false, transformFunction: null }, hideDropdownMenu: { classPropertyName: "hideDropdownMenu", publicName: "hideDropdownMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange", onRemove: "onRemove", onAddNew: "onAddNew", onSearch: "onSearch", onToggleDropdown: "onToggleDropdown", onBlur: "onBlur" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@let hasNoAdd = config().hasNoAdd ?? false;\n@let hasNoAddNew = config().hasNoAddNew ?? false;\n@let optionLabel = config().optionLabel ?? \"name\";\n@let groupLabel = config().groupLabel ?? \"name\";\n\n<div\n  #container\n  class=\"dispatch-dropdown\"\n  [ngClass]=\"{\n    open: dropdownOpen(),\n    'has-data': !!data(),\n    'is-locked': isLocked(),\n    'has-no-remove-button': hasNoRemoveButton(),\n    'has-no-add': hasNoAdd,\n    'has-no-content-template': noContentTemplate(),\n    editable: isEditable(),\n  }\"\n  ngbDropdown\n  #dropdown=\"ngbDropdown\"\n  dropdownClass=\"cai-dropdown\"\n  [autoClose]=\"false\"\n  [container]=\"'body'\"\n  (pointerdown)=\"handleClick($event)\"\n  (openChange)=\"handleOpenChange($event)\"\n>\n  <div class=\"main-container\">\n    <div class=\"dispatch-template\">\n      @if (data()) {\n        <ng-container\n          *ngTemplateOutlet=\"contentTemplate(); context: { $implicit: data() }\"\n        ></ng-container>\n      }\n    </div>\n\n    <div class=\"no-content\">\n      @if (noContentTemplate()) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            noContentTemplate();\n            context: { $implicit: data() }\n          \"\n        ></ng-container>\n      } @else {\n        <span class=\"default-add\">ADD</span>\n      }\n    </div>\n\n    <div class=\"dropdown-input-container\">\n      <input\n        #inputRef\n        type=\"text\"\n        class=\"dispatch-dropdown-input\"\n        [tabIndex]=\"!!data() || isLocked() ? -1 : 0\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (keydown)=\"handleKeydown($event)\"\n        [placeholder]=\"config().placeholder\"\n        [(ngModel)]=\"searchValue\"\n        (input)=\"handleSearch($event)\"\n      />\n    </div>\n  </div>\n\n  @let isButtonLocked =\n    isLocked() || (hasNoRemoveButton() && !!data() && !isEditable());\n\n  @let buttonTooltip =\n    isDisabled()\n      ? disabledTooltip()\n      : dropdownOpen()\n        ? \"Cancel\"\n        : data()\n          ? \"Remove\"\n          : \"\";\n\n  @let buttonTooltipClass =\n    isDisabled()\n      ? \"input-tooltip tooltip-m-t-4\"\n      : dropdownOpen() || !data() || isEditable()\n        ? \"input-tooltip tooltip-m-t-4 tooltip-bg-white-700 tooltip-text-black-500\"\n        : \"input-tooltip tooltip-m-t-4 tooltip-bg-red-500\";\n\n  <div class=\"buttons-container\" [class.locked]=\"isButtonLocked\">\n    <div\n      class=\"primary-button\"\n      [class.disabled]=\"isDisabled()\"\n      (pointerdown)=\"isDisabled() ? null : handlePrimaryButtonClick($event)\"\n      [ngbTooltip]=\"buttonTooltip\"\n      [tooltipClass]=\"buttonTooltipClass\"\n      [container]=\"'body'\"\n      [autoClose]=\"true\"\n      [openDelay]=\"600\"\n      [placement]=\"'bottom'\"\n    >\n      <svg-icon name=\"cai-plus\" class=\"primary-button-icon\"></svg-icon>\n    </div>\n    <div class=\"dragging-indicator\">\n      <svg-icon name=\"cai-drag\" class=\"dragging-icon\"></svg-icon>\n    </div>\n  </div>\n\n  <div class=\"dropdown-anchor\" ngbDropdownAnchor></div>\n\n  <div\n    class=\"dropdown-menu dispatch-dropdown-menu\"\n    [class.hide-dropdown]=\"hideDropdownMenu()\"\n    #dropdownMenu\n    ngbDropdownMenu\n    (click)=\"stopEventPropagationAndPreventDefault($event)\"\n    (pointerdown)=\"stopEventPropagationAndPreventDefault($event)\"\n    [style.width.px]=\"containerWidth()\"\n    [class.closing]=\"closing()\"\n    [style.--max-height]=\"\n      config().isGrouped ? groupMaxHeightStyle() : maxHeightStyle()\n    \"\n    [style.--container-height]=\"\n      config().hasPagination || config().isGrouped\n        ? '244px'\n        : containerHeightStyle()\n    \"\n  >\n    <div class=\"dropdown-menu-content\">\n      <div class=\"dropdown-menu-separator\"></div>\n\n      @if (config().isGrouped) {\n        <ng-container *ngTemplateOutlet=\"groupedOptionsTemplate\"></ng-container>\n      } @else {\n        <ng-container *ngTemplateOutlet=\"optionsTemplate\"></ng-container>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #optionsTemplate>\n  @if (highlightedOptions().length) {\n    @for (option of highlightedOptions(); track option?.id ?? $index) {\n      <ng-container\n        *ngTemplateOutlet=\"dropdownItemTemplate; context: { $implicit: option }\"\n      ></ng-container>\n    }\n  } @else {\n    <ng-container *ngTemplateOutlet=\"noResultsTemplate\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #groupedOptionsTemplate>\n  @if (filteredGroupedOptions().length) {\n    @for (group of filteredGroupedOptions(); track group?.id ?? $index) {\n      <div class=\"dropdown-group-container\">\n        <div\n          class=\"dropdown-group-header\"\n          [class.collapsed]=\"group.isCollapsed\"\n          (pointerdown)=\"toggleGroup($event, group.groupName)\"\n        >\n          <p class=\"dropdown-group-label\" [innerHTML]=\"group.groupName\"></p>\n          <div class=\"header-right\">\n            <div class=\"counter\">{{ group.highlightedOptions.length }}</div>\n            <svg-icon\n              name=\"cai-arrow-primary-up\"\n              class=\"dropdown-icon\"\n            ></svg-icon>\n          </div>\n        </div>\n\n        @let groupHeight =\n          (group.highlightedOptions.length || (config().hasNoAddNew ? 1 : 2)) *\n            30 +\n          \"px\";\n        <div\n          class=\"dropdown-group\"\n          [class.collapsed]=\"group.isCollapsed\"\n          [style.--group-height]=\"groupHeight\"\n        >\n          @if (group.highlightedOptions.length) {\n            @for (\n              option of group.highlightedOptions;\n              track option?.id ?? $index\n            ) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  dropdownItemTemplate;\n                  context: { $implicit: option }\n                \"\n              ></ng-container>\n            }\n          } @else {\n            <ng-container\n              *ngTemplateOutlet=\"noResultsTemplate; context: { id: group.id }\"\n            ></ng-container>\n          }\n        </div>\n      </div>\n    }\n  } @else {\n    <ng-container\n      *ngTemplateOutlet=\"noResultsTemplate; context: { id: null }\"\n    ></ng-container>\n  }\n</ng-template>\n\n<ng-template #noResultsTemplate let-id=\"id\">\n  @if (!hasNoAddNew) {\n    <div class=\"dropdown-item add-new\" (pointerdown)=\"handleAddNew(id ?? null)\">\n      <p class=\"add-new-text\">ADD NEW</p>\n      <svg-icon name=\"cai-plus\" class=\"add-item-icon\"></svg-icon>\n    </div>\n  }\n  <div class=\"dropdown-item no-results\">\n    <p>No results</p>\n  </div>\n</ng-template>\n\n<ng-template #dropdownItemTemplate let-option>\n  <div class=\"dropdown-item\" (pointerdown)=\"handleOption($event, option)\">\n    <ng-container\n      *ngTemplateOutlet=\"optionTemplateLeft(); context: { $implicit: option }\"\n    ></ng-container>\n    <p [innerHTML]=\"option.highlighted\"></p>\n    <ng-container\n      *ngTemplateOutlet=\"optionTemplateRight(); context: { $implicit: option }\"\n    ></ng-container>\n  </div>\n</ng-template>\n", styles: ["input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important}input:-moz-autofill,input:-moz-autofill-preview{filter:none}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid}p,ul,ol,dl,blockquote,figure,pre{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{background:none;border:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}ul,ol{padding-left:1.5rem;list-style-position:outside}a{color:inherit;text-decoration:inherit}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.dispatch-dropdown{height:34px;border-radius:3px;background-color:transparent;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),border-radius .1s cubic-bezier(.46,.03,.51,.95);isolation:isolate;padding:4px;display:flex;align-items:center}.dispatch-dropdown.editable{cursor:pointer}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked){cursor:pointer}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked) .no-content{opacity:1;pointer-events:auto}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked):hover{background-color:#0b49d1}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked):hover .primary-button-icon{color:#bed0f9}.dispatch-dropdown:not(.open):not(.has-data):not(.is-locked):hover .default-add{color:#fff}.dispatch-dropdown.is-locked:not(.has-data) .no-content{opacity:0!important;pointer-events:none!important}.dispatch-dropdown.has-no-add:not(.open) .primary-button,.dispatch-dropdown.has-no-content-template:not(.open) .primary-button{opacity:0;pointer-events:none}.dispatch-dropdown.has-no-add:not(.open) .buttons-container,.dispatch-dropdown.has-no-content-template:not(.open) .buttons-container{width:0px}.dispatch-dropdown.has-no-add:not(.open) .primary-button-icon,.dispatch-dropdown.has-no-content-template:not(.open) .primary-button-icon{color:transparent!important;transform:rotate(45deg)}.dispatch-dropdown.has-no-add:not(.open):hover,.dispatch-dropdown.has-no-content-template:not(.open):hover{background-color:transparent!important}.dispatch-dropdown.has-no-content-template .no-content{margin-left:0!important}.dispatch-dropdown.has-no-add:not(.open) .no-content{opacity:0!important;pointer-events:none!important}.dispatch-dropdown.has-data:not(.open) .dispatch-template{opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.dispatch-dropdown.has-data:not(.open) .no-content{opacity:0!important;pointer-events:none!important}.dispatch-dropdown.has-data:not(.open) .dropdown-input-container{opacity:0;pointer-events:none}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button{pointer-events:auto}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button .primary-button-icon{color:#919191;transform:rotate(45deg)}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button:hover:not(.disabled){background-color:#f4bebe!important}.dispatch-dropdown.has-data:not(.open):not(.editable) .primary-button:hover:not(.disabled) .primary-button-icon{color:#c20c0c!important}.dispatch-dropdown.is-locked .buttons-container,.dispatch-dropdown.has-no-remove-button.has-data .buttons-container{width:0px}.dispatch-dropdown.open{background-color:#2f2f2f}.dispatch-dropdown.open .no-content{opacity:0;pointer-events:none}.dispatch-dropdown.open .dispatch-dropdown-input{opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.dispatch-dropdown.open .primary-button-icon{transform:rotate(45deg);color:#919191}.dispatch-dropdown.open .dispatch-template{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dispatch-dropdown.open .primary-button{pointer-events:auto}.dispatch-dropdown.open .primary-button:hover{background-color:#91919166!important}.dispatch-dropdown.open .primary-button:hover .primary-button-icon{color:#dadada!important}.main-container{position:relative;flex:1;height:26px}.dispatch-template{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:26px}.dispatch-template,.no-content,.dropdown-input-container{position:absolute;top:0;left:0;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.no-content{height:26px;display:flex;align-items:center;transition:opacity .1s cubic-bezier(.46,.03,.51,.95);margin-left:10px;-webkit-user-select:none;user-select:none}.default-add{color:#424242;font-size:11px;font-weight:500;text-transform:uppercase;transition:color .1s cubic-bezier(.46,.03,.51,.95)}.buttons-container{position:relative;z-index:1;height:26px;-webkit-user-select:none;user-select:none;width:26px}.buttons-container.locked .primary-button{pointer-events:none!important;opacity:0}.buttons-container.dragging .dragging-indicator{opacity:1!important;pointer-events:auto}.buttons-container.dragging .primary-button{opacity:0!important;pointer-events:none}.buttons-container .primary-button{opacity:1;pointer-events:auto}.buttons-container .dragging-indicator{opacity:0;pointer-events:none}.primary-button,.dragging-indicator{position:absolute;bottom:0;right:0;z-index:1;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.dragging-indicator{padding:4px;width:26px;height:26px}.primary-button{position:absolute;right:0;bottom:0;-webkit-user-select:none;user-select:none;cursor:pointer;padding:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:opacity .1s cubic-bezier(.46,.03,.51,.95),background-color .1s cubic-bezier(.46,.03,.51,.95)}.primary-button .primary-button-icon{display:flex;align-items:center;justify-content:center;color:#6692f1;transition:color .1s cubic-bezier(.46,.03,.51,.95),opacity .1s cubic-bezier(.46,.03,.51,.95),transform .1s cubic-bezier(.46,.03,.51,.95)}.primary-button .primary-button-icon svg{height:18px;width:18px}.primary-button.disabled{cursor:default}.primary-button.disabled .primary-button-icon{color:#ccc!important}.dropdown-input-container{padding:4px 8px 4px 6px;height:26px;display:flex;align-items:center;justify-content:flex-start}.dispatch-dropdown-input{height:18px;border:0;outline:none;background-color:transparent;color:#fff;padding:0;margin:0;width:100%;font-size:14px;font-weight:400;line-height:18px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.dispatch-dropdown-input ::placeholder{color:#6c6c6c}.dropdown-anchor{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dropdown-menu{min-width:0px!important;width:100%;background-color:transparent;border:0;padding:0!important;z-index:1100!important;height:var(--container-height);max-height:var(--container-height);transition:opacity .1s cubic-bezier(.46,.03,.51,.95)!important}.dropdown-menu .dropdown-menu-content{position:absolute;width:100%;padding:2px 0 4px 4px;background-color:#2f2f2f;max-height:var(--max-height);height:var(--max-height);overflow-y:scroll;scrollbar-gutter:stable}.dropdown-menu .dropdown-menu-content::-webkit-scrollbar{background-color:#2f2f2f;border-radius:0 3px 3px 0;width:6px}.dropdown-menu .dropdown-menu-content::-webkit-scrollbar-thumb{background-color:#919191;width:2px;border:2px solid #2f2f2f;border-radius:3px}@supports (-moz-appearance: none){.dropdown-menu .dropdown-menu-content{padding-right:6px;scrollbar-width:4px;scrollbar-color:#919191 transparent;scrollbar-gutter:stable!important}.dropdown-menu .dropdown-menu-content:hover{scrollbar-color:#919191 transparent;scrollbar-width:4px!important;scrollbar-gutter:stable!important}}@-moz-document url-prefix(){.dropdown-menu .dropdown-menu-content{overflow:-moz-scrollbars-vertical;scrollbar-width:4px;scrollbar-color:#919191 transparent}}.dropdown-menu .dropdown-menu-content{transition:max-height .1s cubic-bezier(.46,.03,.51,.95),height .1s cubic-bezier(.46,.03,.51,.95)!important}@starting-style{.dropdown-menu .dropdown-menu-content{max-height:0;overflow-y:hidden}}.dropdown-menu .dropdown-menu-content{animation:dropdown-menu-opening .1s cubic-bezier(.46,.03,.51,.95)}@starting-style{.dropdown-menu{opacity:0;overflow-y:hidden}}.dropdown-menu.closing,.dropdown-menu.hide-dropdown{opacity:0}.dropdown-menu.closing .dropdown-menu-content,.dropdown-menu.hide-dropdown .dropdown-menu-content{max-height:0;overflow-y:hidden;animation:none}@keyframes dropdown-menu-opening{0%{overflow-y:hidden}99%{overflow-y:hidden}to{overflow-y:scroll}}.dropdown-item{color:#fff;font-weight:400;font-size:14px;line-height:18px;height:26px;padding:4px 6px;width:100%;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#2f2f2f;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),color .1s cubic-bezier(.46,.03,.51,.95);border-radius:2px;position:relative;margin-top:4px}.dropdown-item:hover{background-color:#424242;color:#fff}.dropdown-item:focus-visible{background-color:#424242;border:0;outline:none}.dropdown-item p{flex-shrink:1;max-width:max-content;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-group-header{color:#fff;font-weight:700;font-size:11px;line-height:18px;height:30px;padding:8px 4px 4px;width:100%;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#2f2f2f;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),color .1s cubic-bezier(.46,.03,.51,.95);position:relative}.dropdown-group-header:hover{color:#fff!important}.dropdown-group-header:hover .dropdown-icon{opacity:1!important;color:#ffffffb3!important}.dropdown-group-header:hover .counter{opacity:0!important}.dropdown-group-header:focus-visible{border:0;outline:none}.dropdown-group-header p{flex-shrink:1;max-width:max-content;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px}.dropdown-group-header .dropdown-icon{transition:color .1s cubic-bezier(.46,.03,.51,.95),transform .1s cubic-bezier(.46,.03,.51,.95),opacity .1s cubic-bezier(.46,.03,.51,.95);color:#ffffffb3;position:absolute;top:2px;right:2px;opacity:0}.dropdown-group-header .counter{display:flex;padding:1px 4px;flex-direction:column;justify-content:center;align-items:center;min-width:16px;color:#eee;text-align:center;font-size:11px;font-weight:600;line-height:14px;border-radius:60px;background-color:#424242;-webkit-user-select:none;user-select:none;transition:opacity .1s cubic-bezier(.46,.03,.51,.95)}.dropdown-group-header.collapsed{color:#aaa}.dropdown-group-header.collapsed .counter{opacity:0}.dropdown-group-header.collapsed .dropdown-icon{color:#919191;transform:rotateX(180deg);opacity:1!important}.dropdown-group-container{position:relative}.dropdown-group-container:not(:nth-child(2)) .dropdown-group-header{border-top:1px solid #424242;margin-top:3px}.header-right{height:18px;padding-left:4px;position:relative;margin-left:auto}.dropdown-group{overflow:hidden;height:var(--group-height);max-height:var(--group-height);transition:height .1s cubic-bezier(.46,.03,.51,.95),max-height .1s cubic-bezier(.46,.03,.51,.95)}.dropdown-group.collapsed{height:0;max-height:0}.no-results{color:#919191;font-weight:700;font-size:11px;line-height:14px;pointer-events:none}.dropdown-menu-separator{position:fixed;z-index:30;width:calc(100% - 8px);height:1px;background-color:transparent;border-bottom:1px solid #424242;margin-top:-1px}.add-new{font-size:11px;line-height:14px;font-weight:700;color:#92b1f5;border-radius:2px;background-color:transparent;transition:background-color .1s cubic-bezier(.46,.03,.51,.95),color .1s cubic-bezier(.46,.03,.51,.95)}.add-new:hover{background-color:#3b73ed66;color:#fff}.add-new .add-item-icon{opacity:1;color:#92b1f5;margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 // Bootstrap
                 NgbDropdownModule }, { kind: "directive", type: i2.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i2.NgbDropdownAnchor, selector: "[ngbDropdownAnchor]" }, { kind: "directive", type: i2.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
                 // Components
@@ -11711,5 +11581,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, CaScrollableComponent, CaiInputDatetimePickerComponent, CopyComponent, CounterComponent, DEFAULT_DUAL_DROP_ZONES, DUAL_DROP_TARGETS, DispatchDropdownComponent, DispatchLocationComponent, DropZoneComponent, DropdownTypes, INPUT_CHARACTER_SETS, InputAddressComponent, InputComponent, IntervalDropdownComponent, ListContactDropdownComponent, PmComponent, RatingReviewComponent, ReviewModalComponent, SelectedBusinessFieldComponent, StickyScrollbarComponent, TabOptionDropdownComponent, TextAreaComponent, eScrollState, ignoreWhenAutofilled, sizes };
+export { AvatarComponent, CaScrollableComponent, CaiInputDatetimePickerComponent, CopyComponent, CounterComponent, DEFAULT_CROP_ZOOM, DEFAULT_DUAL_DROP_ZONES, DOCS_OR_VIDEO_VARIANTS, DUAL_DROP_TARGETS, DispatchDropdownComponent, DispatchLocationComponent, DropZoneComponent, DropdownTypes, IMAGE_PREVIEW_VARIANTS, INPUT_CHARACTER_SETS, InputAddressComponent, InputComponent, IntervalDropdownComponent, ListContactDropdownComponent, PmComponent, RatingReviewComponent, ReviewModalComponent, SelectedBusinessFieldComponent, StickyScrollbarComponent, TabOptionDropdownComponent, TextAreaComponent, eScrollState, ignoreWhenAutofilled, sizes };
 //# sourceMappingURL=carriera-intern.mjs.map