npm - carriera-intern - Versions diffs - 1.1.92 → 1.1.94 - Mend

carriera-intern 1.1.92 → 1.1.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/fesm2022/carriera-intern.mjs +228 -5
package/fesm2022/carriera-intern.mjs.map +1 -1
package/index.d.ts +43 -1
package/package.json +1 -1
package/src/styles/cropper.scss +6 -0

package/fesm2022/carriera-intern.mjs CHANGED Viewed

@@ -5658,7 +5658,7 @@ class DropZoneComponent {
         this.onDocumentDropZoneOpenChange.emit(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DropZoneComponent, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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 }, 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" }, host: { listeners: { "document:dragenter": "onDocumentDragEnter($event)", "document:dragover": "onDocumentDragOver($event)", "document:dragleave": "onWindowDragLeave($event)", "document:drop": "onDocumentDrop($event)" } }, providers: [], viewQueries: [{ propertyName: "inputRange", first: true, predicate: ["inputRange"], 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<div\n  class=\"container\"\n  [class]=\"{\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\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        [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      <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\">max file size {{ maxFileSize() }}mb</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        <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      </div>\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()) {\n    <!-- Skeleton -->\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:212px}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.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/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/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.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}.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}.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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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 }, 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" }, host: { listeners: { "document:dragenter": "onDocumentDragEnter($event)", "document:dragover": "onDocumentDragOver($event)", "document:dragleave": "onWindowDragLeave($event)", "document:drop": "onDocumentDrop($event)" } }, providers: [], viewQueries: [{ propertyName: "inputRange", first: true, predicate: ["inputRange"], 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<div\n  class=\"container\"\n  [class]=\"{\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\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        [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      <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\">max file size {{ maxFileSize() }}mb</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        <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      </div>\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()) {\n    <!-- Skeleton -->\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 .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.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}.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}.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:
                 // components
@@ -5680,7 +5680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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<div\n  class=\"container\"\n  [class]=\"{\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\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        [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      <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\">max file size {{ maxFileSize() }}mb</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        <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      </div>\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()) {\n    <!-- Skeleton -->\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:212px}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.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/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/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.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}.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}.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"] }]
+                    ], 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<div\n  class=\"container\"\n  [class]=\"{\n    smallContainer: smallSize,\n    largeContainer: largeSize,\n    dragMode: dragMode() && !isDocumentsMode(),\n    dragModeDocuments: dragMode() && isDocumentsMode(),\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        [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      <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\">max file size {{ maxFileSize() }}mb</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        <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      </div>\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()) {\n    <!-- Skeleton -->\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 .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.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}.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}.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 }] }], files: [{
                 type: Input
             }], onDeletedFileIds: [{
@@ -9942,11 +9942,11 @@ class StickyScrollbarComponent {
         this.updateScrollState(this.calculateScrollState());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StickyScrollbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: StickyScrollbarComponent, isStandalone: true, selector: "ca-sticky-scrollbar", inputs: { hideThumb: "hideThumb", hideTrack: "hideTrack", alwaysVisible: "alwaysVisible", stickyOffset: "stickyOffset" }, outputs: { scrollStateChange: "scrollStateChange" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollThumb", first: true, predicate: ["scrollThumb"], descendants: true }], ngImport: i0, template: "<div class=\"sticky-scrollbar-wrapper\">\n  <div\n    #scrollContainer\n    class=\"sticky-scrollbar-container\"\n    cdkScrollable\n    tabindex=\"-1\"\n  >\n    <ng-content></ng-content>\n  </div>\n  @if (alwaysVisible && !isContainerInView()) {\n    <div class=\"sticky-scrollbar-placeholder\"></div>\n  }\n  <div\n    class=\"sticky-scrollbar-track\"\n    [class.hidden]=\"hideTrack\"\n    [class.always-visible]=\"alwaysVisible\"\n    [class.fixed-mode]=\"alwaysVisible && !isContainerInView()\"\n    [style.bottom.px]=\"stickyOffset\"\n  >\n    <div\n      #scrollThumb\n      class=\"sticky-scrollbar-thumb\"\n      [class.dragging]=\"isDragging\"\n      [class.hidden-thumb]=\"hideThumb\"\n      (mousedown)=\"onThumbMouseDown($event)\"\n      (mouseup)=\"onThumbMouseUp()\"\n    ></div>\n  </div>\n</div>\n", styles: [".sticky-scrollbar-wrapper{position:relative;height:100%;width:100%;display:flex;flex-direction:column;overscroll-behavior-x:none}.sticky-scrollbar-container{flex:1;width:fit-content;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;contain:layout style paint;-ms-overflow-style:none;scrollbar-width:none}.sticky-scrollbar-container::-webkit-scrollbar{display:none}.sticky-scrollbar-container:focus-visible{outline:none!important}.sticky-scrollbar-placeholder{height:14px;visibility:hidden;pointer-events:none}.sticky-scrollbar-track{position:sticky;bottom:0;width:100%;height:14px;display:flex;align-items:center;border-radius:2px;margin-top:0;margin-bottom:0;transition:opacity .1s ease-in-out;z-index:10}.sticky-scrollbar-track.hidden{display:none}.sticky-scrollbar-track.always-visible{z-index:1000}.sticky-scrollbar-track.always-visible.fixed-mode{margin:0}.sticky-scrollbar-track:hover .sticky-scrollbar-thumb{height:6px;background-color:#424242b2}.sticky-scrollbar-thumb{position:relative;height:2px;background-color:#aaa;border-radius:2px;transition:background-color .1s ease-in-out,opacity .1s ease-in-out,height .1s ease-in-out;min-width:30px;will-change:transform,width,opacity;transform:translateZ(0);opacity:1}@starting-style{.sticky-scrollbar-thumb{opacity:0}}.sticky-scrollbar-thumb.hidden-thumb{opacity:0}.sticky-scrollbar-thumb:before{content:\"\";position:absolute;inset:-6px -4px;pointer-events:auto}.sticky-scrollbar-thumb:hover,.sticky-scrollbar-thumb.dragging{background-color:#424242b2;height:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: StickyScrollbarComponent, isStandalone: true, selector: "ca-sticky-scrollbar", inputs: { hideThumb: "hideThumb", hideTrack: "hideTrack", alwaysVisible: "alwaysVisible", stickyOffset: "stickyOffset" }, outputs: { scrollStateChange: "scrollStateChange" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollThumb", first: true, predicate: ["scrollThumb"], descendants: true }], ngImport: i0, template: "<div class=\"sticky-scrollbar-wrapper\">\n  <div\n    #scrollContainer\n    class=\"sticky-scrollbar-container\"\n    cdkScrollable\n    tabindex=\"-1\"\n  >\n    <ng-content></ng-content>\n  </div>\n  @if (alwaysVisible && !isContainerInView()) {\n    <div class=\"sticky-scrollbar-placeholder\"></div>\n  }\n  <div\n    class=\"sticky-scrollbar-track\"\n    [class.hidden]=\"hideTrack\"\n    [class.always-visible]=\"alwaysVisible\"\n    [class.fixed-mode]=\"alwaysVisible && !isContainerInView()\"\n    [style.bottom.px]=\"stickyOffset\"\n  >\n    <div\n      #scrollThumb\n      class=\"sticky-scrollbar-thumb\"\n      [class.dragging]=\"isDragging\"\n      [class.hidden-thumb]=\"hideThumb\"\n      (mousedown)=\"onThumbMouseDown($event)\"\n      (mouseup)=\"onThumbMouseUp()\"\n    ></div>\n  </div>\n</div>\n", styles: [".sticky-scrollbar-wrapper{position:relative;height:100%;width:100%;display:flex;flex-direction:column;overscroll-behavior-x:none}.sticky-scrollbar-container{flex:1;width:fit-content;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;contain:layout style paint;-ms-overflow-style:none;scrollbar-width:none}.sticky-scrollbar-container::-webkit-scrollbar{display:none}.sticky-scrollbar-container:focus-visible{outline:none!important}.sticky-scrollbar-placeholder{height:14px;visibility:hidden;pointer-events:none}.sticky-scrollbar-track{position:sticky;bottom:0;width:100%;height:14px;display:flex;align-items:center;border-radius:2px;margin-top:0;margin-bottom:0;transition:opacity .1s ease-in-out;z-index:10}.sticky-scrollbar-track.hidden{display:none}.sticky-scrollbar-track.always-visible{z-index:1000}.sticky-scrollbar-track.always-visible.fixed-mode{margin:0}.sticky-scrollbar-track:hover .sticky-scrollbar-thumb{height:6px;background-color:#00000080}.sticky-scrollbar-thumb{position:relative;height:2px;background-color:#0003;border-radius:2px;transition:background-color .1s ease-in-out,opacity .1s ease-in-out,height .1s ease-in-out;min-width:30px;will-change:transform,width,opacity;transform:translateZ(0);opacity:1}@starting-style{.sticky-scrollbar-thumb{opacity:0}}.sticky-scrollbar-thumb.hidden-thumb{opacity:0}.sticky-scrollbar-thumb:before{content:\"\";position:absolute;inset:-6px -4px;pointer-events:auto}.sticky-scrollbar-thumb:hover,.sticky-scrollbar-thumb.dragging{background-color:#00000080;height:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: StickyScrollbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ca-sticky-scrollbar', imports: [CommonModule, CdkScrollable], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sticky-scrollbar-wrapper\">\n  <div\n    #scrollContainer\n    class=\"sticky-scrollbar-container\"\n    cdkScrollable\n    tabindex=\"-1\"\n  >\n    <ng-content></ng-content>\n  </div>\n  @if (alwaysVisible && !isContainerInView()) {\n    <div class=\"sticky-scrollbar-placeholder\"></div>\n  }\n  <div\n    class=\"sticky-scrollbar-track\"\n    [class.hidden]=\"hideTrack\"\n    [class.always-visible]=\"alwaysVisible\"\n    [class.fixed-mode]=\"alwaysVisible && !isContainerInView()\"\n    [style.bottom.px]=\"stickyOffset\"\n  >\n    <div\n      #scrollThumb\n      class=\"sticky-scrollbar-thumb\"\n      [class.dragging]=\"isDragging\"\n      [class.hidden-thumb]=\"hideThumb\"\n      (mousedown)=\"onThumbMouseDown($event)\"\n      (mouseup)=\"onThumbMouseUp()\"\n    ></div>\n  </div>\n</div>\n", styles: [".sticky-scrollbar-wrapper{position:relative;height:100%;width:100%;display:flex;flex-direction:column;overscroll-behavior-x:none}.sticky-scrollbar-container{flex:1;width:fit-content;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;contain:layout style paint;-ms-overflow-style:none;scrollbar-width:none}.sticky-scrollbar-container::-webkit-scrollbar{display:none}.sticky-scrollbar-container:focus-visible{outline:none!important}.sticky-scrollbar-placeholder{height:14px;visibility:hidden;pointer-events:none}.sticky-scrollbar-track{position:sticky;bottom:0;width:100%;height:14px;display:flex;align-items:center;border-radius:2px;margin-top:0;margin-bottom:0;transition:opacity .1s ease-in-out;z-index:10}.sticky-scrollbar-track.hidden{display:none}.sticky-scrollbar-track.always-visible{z-index:1000}.sticky-scrollbar-track.always-visible.fixed-mode{margin:0}.sticky-scrollbar-track:hover .sticky-scrollbar-thumb{height:6px;background-color:#424242b2}.sticky-scrollbar-thumb{position:relative;height:2px;background-color:#aaa;border-radius:2px;transition:background-color .1s ease-in-out,opacity .1s ease-in-out,height .1s ease-in-out;min-width:30px;will-change:transform,width,opacity;transform:translateZ(0);opacity:1}@starting-style{.sticky-scrollbar-thumb{opacity:0}}.sticky-scrollbar-thumb.hidden-thumb{opacity:0}.sticky-scrollbar-thumb:before{content:\"\";position:absolute;inset:-6px -4px;pointer-events:auto}.sticky-scrollbar-thumb:hover,.sticky-scrollbar-thumb.dragging{background-color:#424242b2;height:6px}\n"] }]
+            args: [{ selector: 'ca-sticky-scrollbar', imports: [CommonModule, CdkScrollable], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sticky-scrollbar-wrapper\">\n  <div\n    #scrollContainer\n    class=\"sticky-scrollbar-container\"\n    cdkScrollable\n    tabindex=\"-1\"\n  >\n    <ng-content></ng-content>\n  </div>\n  @if (alwaysVisible && !isContainerInView()) {\n    <div class=\"sticky-scrollbar-placeholder\"></div>\n  }\n  <div\n    class=\"sticky-scrollbar-track\"\n    [class.hidden]=\"hideTrack\"\n    [class.always-visible]=\"alwaysVisible\"\n    [class.fixed-mode]=\"alwaysVisible && !isContainerInView()\"\n    [style.bottom.px]=\"stickyOffset\"\n  >\n    <div\n      #scrollThumb\n      class=\"sticky-scrollbar-thumb\"\n      [class.dragging]=\"isDragging\"\n      [class.hidden-thumb]=\"hideThumb\"\n      (mousedown)=\"onThumbMouseDown($event)\"\n      (mouseup)=\"onThumbMouseUp()\"\n    ></div>\n  </div>\n</div>\n", styles: [".sticky-scrollbar-wrapper{position:relative;height:100%;width:100%;display:flex;flex-direction:column;overscroll-behavior-x:none}.sticky-scrollbar-container{flex:1;width:fit-content;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;contain:layout style paint;-ms-overflow-style:none;scrollbar-width:none}.sticky-scrollbar-container::-webkit-scrollbar{display:none}.sticky-scrollbar-container:focus-visible{outline:none!important}.sticky-scrollbar-placeholder{height:14px;visibility:hidden;pointer-events:none}.sticky-scrollbar-track{position:sticky;bottom:0;width:100%;height:14px;display:flex;align-items:center;border-radius:2px;margin-top:0;margin-bottom:0;transition:opacity .1s ease-in-out;z-index:10}.sticky-scrollbar-track.hidden{display:none}.sticky-scrollbar-track.always-visible{z-index:1000}.sticky-scrollbar-track.always-visible.fixed-mode{margin:0}.sticky-scrollbar-track:hover .sticky-scrollbar-thumb{height:6px;background-color:#00000080}.sticky-scrollbar-thumb{position:relative;height:2px;background-color:#0003;border-radius:2px;transition:background-color .1s ease-in-out,opacity .1s ease-in-out,height .1s ease-in-out;min-width:30px;will-change:transform,width,opacity;transform:translateZ(0);opacity:1}@starting-style{.sticky-scrollbar-thumb{opacity:0}}.sticky-scrollbar-thumb.hidden-thumb{opacity:0}.sticky-scrollbar-thumb:before{content:\"\";position:absolute;inset:-6px -4px;pointer-events:auto}.sticky-scrollbar-thumb:hover,.sticky-scrollbar-thumb.dragging{background-color:#00000080;height:6px}\n"] }]
         }], propDecorators: { scrollContainer: [{
                 type: ViewChild,
                 args: ['scrollContainer', { static: false }]
@@ -9965,6 +9965,229 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: Output
             }] } });
+class CaScrollableComponent {
+    scrollContainer;
+    horizontalTrack;
+    horizontalThumb;
+    verticalTrack;
+    verticalThumb;
+    isLight = false;
+    set hideHorizontalScrollbar(value) {
+        this._hideHorizontalScrollbar = value;
+        this.refreshScrollbars();
+    }
+    get hideHorizontalScrollbar() {
+        return this._hideHorizontalScrollbar;
+    }
+    set hideVerticalScrollbar(value) {
+        this._hideVerticalScrollbar = value;
+        this.refreshScrollbars();
+    }
+    get hideVerticalScrollbar() {
+        return this._hideVerticalScrollbar;
+    }
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    ngZone = inject(NgZone);
+    _hideHorizontalScrollbar = false;
+    _hideVerticalScrollbar = false;
+    isInitialized = false;
+    isDraggingHorizontal = false;
+    isDraggingVertical = false;
+    dragStartX = 0;
+    dragStartY = 0;
+    scrollStartLeft = 0;
+    scrollStartTop = 0;
+    removeMouseMoveListener;
+    removeMouseUpListener;
+    removeMouseLeaveListener;
+    removeScrollListener;
+    ngAfterViewInit() {
+        this.isInitialized = true;
+        this.updateScrollbars();
+        this.setupScrollListener();
+        this.setupResizeObserver();
+        this.setupGlobalMouseListeners();
+        this.destroyRef.onDestroy(() => {
+            this.removeMouseMoveListener?.();
+            this.removeMouseUpListener?.();
+            this.removeMouseLeaveListener?.();
+            this.removeScrollListener?.();
+        });
+    }
+    onHorizontalThumbMouseDown(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDraggingHorizontal = true;
+        this.renderer.addClass(this.horizontalThumb.nativeElement, 'dragging');
+        this.dragStartX = event.clientX;
+        this.scrollStartLeft = this.scrollContainer.nativeElement.scrollLeft;
+    }
+    onVerticalThumbMouseDown(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDraggingVertical = true;
+        this.renderer.addClass(this.verticalThumb.nativeElement, 'dragging');
+        this.dragStartY = event.clientY;
+        this.scrollStartTop = this.scrollContainer.nativeElement.scrollTop;
+    }
+    setupScrollListener() {
+        this.ngZone.runOutsideAngular(() => {
+            const container = this.scrollContainer.nativeElement;
+            const onScroll = () => this.handleContainerScroll();
+            container.addEventListener('scroll', onScroll, { passive: true });
+            this.removeScrollListener = () => container.removeEventListener('scroll', onScroll);
+        });
+    }
+    handleContainerScroll() {
+        if (!this.isDraggingHorizontal && !this.isDraggingVertical) {
+            this.updateScrollbars();
+        }
+    }
+    setupResizeObserver() {
+        this.ngZone.runOutsideAngular(() => {
+            const resizeObserver = new ResizeObserver(() => this.updateScrollbars());
+            const container = this.scrollContainer.nativeElement;
+            resizeObserver.observe(container);
+            if (container.firstElementChild) {
+                resizeObserver.observe(container.firstElementChild);
+            }
+            this.destroyRef.onDestroy(() => {
+                resizeObserver.disconnect();
+            });
+        });
+    }
+    setupGlobalMouseListeners() {
+        this.ngZone.runOutsideAngular(() => {
+            const onMouseMove = (event) => this.onThumbDrag(event);
+            const onMouseUp = () => this.onThumbMouseUp();
+            const onMouseLeave = () => this.onThumbMouseUp();
+            window.addEventListener('mousemove', onMouseMove, { passive: true });
+            window.addEventListener('mouseup', onMouseUp);
+            window.addEventListener('mouseleave', onMouseLeave);
+            this.removeMouseMoveListener = () => window.removeEventListener('mousemove', onMouseMove);
+            this.removeMouseUpListener = () => window.removeEventListener('mouseup', onMouseUp);
+            this.removeMouseLeaveListener = () => window.removeEventListener('mouseleave', onMouseLeave);
+        });
+    }
+    onThumbDrag(event) {
+        const container = this.scrollContainer.nativeElement;
+        if (this.isDraggingHorizontal) {
+            const deltaX = event.clientX - this.dragStartX;
+            const maxScrollX = Math.max(container.scrollWidth - container.clientWidth, 0);
+            const trackWidth = this.horizontalTrack.nativeElement.clientWidth;
+            const thumbWidth = this.horizontalThumb.nativeElement.offsetWidth;
+            const maxThumbTravelX = Math.max(trackWidth - thumbWidth, 1);
+            const scrollDeltaX = (deltaX / maxThumbTravelX) * maxScrollX;
+            container.scrollLeft = this.scrollStartLeft + scrollDeltaX;
+        }
+        if (this.isDraggingVertical) {
+            const deltaY = event.clientY - this.dragStartY;
+            const maxScrollY = Math.max(container.scrollHeight - container.clientHeight, 0);
+            const trackHeight = this.verticalTrack.nativeElement.clientHeight;
+            const thumbHeight = this.verticalThumb.nativeElement.offsetHeight;
+            const maxThumbTravelY = Math.max(trackHeight - thumbHeight, 1);
+            const scrollDeltaY = (deltaY / maxThumbTravelY) * maxScrollY;
+            container.scrollTop = this.scrollStartTop + scrollDeltaY;
+        }
+        this.updateScrollbars();
+    }
+    onThumbMouseUp() {
+        if (this.isDraggingHorizontal) {
+            this.renderer.removeClass(this.horizontalThumb.nativeElement, 'dragging');
+        }
+        if (this.isDraggingVertical) {
+            this.renderer.removeClass(this.verticalThumb.nativeElement, 'dragging');
+        }
+        this.isDraggingHorizontal = false;
+        this.isDraggingVertical = false;
+    }
+    updateScrollbars() {
+        const container = this.scrollContainer.nativeElement;
+        const horizontalTrack = this.horizontalTrack.nativeElement;
+        const verticalTrack = this.verticalTrack.nativeElement;
+        const horizontalThumb = this.horizontalThumb.nativeElement;
+        const verticalThumb = this.verticalThumb.nativeElement;
+        const containerWidth = container.clientWidth;
+        const containerHeight = container.clientHeight;
+        const contentWidth = container.scrollWidth;
+        const contentHeight = container.scrollHeight;
+        const maxScrollX = Math.max(contentWidth - containerWidth, 0);
+        const maxScrollY = Math.max(contentHeight - containerHeight, 0);
+        const horizontalTrackLength = horizontalTrack.clientWidth;
+        const verticalTrackLength = verticalTrack.clientHeight;
+        const hasHorizontalOverflow = maxScrollX > 0;
+        const hasVerticalOverflow = maxScrollY > 0;
+        const shouldShowHorizontal = hasHorizontalOverflow && !this.hideHorizontalScrollbar;
+        const shouldShowVertical = hasVerticalOverflow && !this.hideVerticalScrollbar;
+        this.renderer.setStyle(horizontalTrack, 'opacity', shouldShowHorizontal ? '1' : '0');
+        this.renderer.setStyle(horizontalTrack, 'pointer-events', shouldShowHorizontal ? 'auto' : 'none');
+        if (shouldShowHorizontal) {
+            this.renderer.removeClass(horizontalTrack, 'hidden');
+        }
+        else {
+            this.renderer.addClass(horizontalTrack, 'hidden');
+            this.renderer.removeClass(horizontalThumb, 'dragging');
+        }
+        this.renderer.setStyle(verticalTrack, 'opacity', shouldShowVertical ? '1' : '0');
+        this.renderer.setStyle(verticalTrack, 'pointer-events', shouldShowVertical ? 'auto' : 'none');
+        if (shouldShowVertical) {
+            this.renderer.removeClass(verticalTrack, 'hidden');
+        }
+        else {
+            this.renderer.addClass(verticalTrack, 'hidden');
+            this.renderer.removeClass(verticalThumb, 'dragging');
+        }
+        if (shouldShowHorizontal) {
+            const thumbWidth = Math.min(horizontalTrackLength, Math.max((containerWidth / contentWidth) * horizontalTrackLength, 24));
+            const maxThumbTravelX = Math.max(horizontalTrackLength - thumbWidth, 1);
+            const thumbPositionX = (container.scrollLeft / maxScrollX) * maxThumbTravelX;
+            this.renderer.setStyle(horizontalThumb, 'width', `${thumbWidth}px`);
+            this.renderer.setStyle(horizontalThumb, 'transform', `translateX(${thumbPositionX}px)`);
+        }
+        if (shouldShowVertical) {
+            const thumbHeight = Math.min(verticalTrackLength, Math.max((containerHeight / contentHeight) * verticalTrackLength, 24));
+            const maxThumbTravelY = Math.max(verticalTrackLength - thumbHeight, 1);
+            const thumbPositionY = (container.scrollTop / maxScrollY) * maxThumbTravelY;
+            this.renderer.setStyle(verticalThumb, 'height', `${thumbHeight}px`);
+            this.renderer.setStyle(verticalThumb, 'transform', `translateY(${thumbPositionY}px)`);
+        }
+    }
+    refreshScrollbars() {
+        if (!this.isInitialized) {
+            return;
+        }
+        this.updateScrollbars();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CaScrollableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: CaScrollableComponent, isStandalone: true, selector: "ca-scrollable", inputs: { isLight: "isLight", hideHorizontalScrollbar: "hideHorizontalScrollbar", hideVerticalScrollbar: "hideVerticalScrollbar" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "horizontalTrack", first: true, predicate: ["horizontalTrack"], descendants: true }, { propertyName: "horizontalThumb", first: true, predicate: ["horizontalThumb"], descendants: true }, { propertyName: "verticalTrack", first: true, predicate: ["verticalTrack"], descendants: true }, { propertyName: "verticalThumb", first: true, predicate: ["verticalThumb"], descendants: true }], ngImport: i0, template: "<div class=\"ca-scrollable-wrapper\" [class.light]=\"isLight\">\n  <div\n    #scrollContainer\n    class=\"ca-scrollable-container\"\n    tabindex=\"-1\"\n    cdkScrollable\n  >\n    <ng-content></ng-content>\n  </div>\n\n  <div #horizontalTrack class=\"ca-scrollbar-track horizontal\">\n    <div\n      #horizontalThumb\n      class=\"ca-scrollbar-thumb\"\n      (mousedown)=\"onHorizontalThumbMouseDown($event)\"\n    ></div>\n  </div>\n\n  <div #verticalTrack class=\"ca-scrollbar-track vertical\">\n    <div\n      #verticalThumb\n      class=\"ca-scrollbar-thumb\"\n      (mousedown)=\"onVerticalThumbMouseDown($event)\"\n    ></div>\n  </div>\n</div>\n", styles: [".ca-scrollable-wrapper{--ca-scrollbar-thumb-color: rgba(0, 0, 0, .2);--ca-scrollbar-thumb-hover-color: rgba(0, 0, 0, .5);--ca-scrollbar-thumb-dragging-color: rgba(0, 0, 0, .5);position:relative;width:100%;height:100%;overscroll-behavior:none}.ca-scrollable-wrapper.light{--ca-scrollbar-thumb-color: rgba(255, 255, 255, .4);--ca-scrollbar-thumb-hover-color: rgba(255, 255, 255, .5);--ca-scrollbar-thumb-dragging-color: rgba(255, 255, 255, .5)}.ca-scrollable-container{width:100%;height:100%;overflow:auto;overscroll-behavior:none;-ms-overflow-style:none;scrollbar-width:none}.ca-scrollable-container::-webkit-scrollbar{display:none}.ca-scrollable-container:focus-visible{outline:none!important}.ca-scrollbar-track{position:absolute;z-index:1;display:flex;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}.ca-scrollbar-track.hidden .ca-scrollbar-thumb:before{pointer-events:none}.ca-scrollbar-track.horizontal{left:4px;right:4px;bottom:12px;height:14px;align-items:center}.ca-scrollbar-track.horizontal .ca-scrollbar-thumb{width:100%;height:2px}.ca-scrollbar-track.horizontal:hover .ca-scrollbar-thumb,.ca-scrollbar-track.horizontal .ca-scrollbar-thumb.dragging{height:6px;background-color:var(--ca-scrollbar-thumb-hover-color)}.ca-scrollbar-track.vertical{top:4px;right:0;bottom:4px;width:12px;justify-content:center}.ca-scrollbar-track.vertical .ca-scrollbar-thumb{width:2px;height:100%}.ca-scrollbar-track.vertical:hover .ca-scrollbar-thumb,.ca-scrollbar-track.vertical .ca-scrollbar-thumb.dragging{width:6px;background-color:var(--ca-scrollbar-thumb-hover-color)}.ca-scrollbar-thumb{position:relative;background-color:var(--ca-scrollbar-thumb-color);border-radius:2px;transition:background-color .1s ease-in-out,height .1s ease-in-out,width .1s ease-in-out}.ca-scrollbar-thumb:hover{background-color:var(--ca-scrollbar-thumb-hover-color)}.ca-scrollbar-thumb:before{content:\"\";position:absolute;inset:-6px -4px;pointer-events:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CaScrollableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ca-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CdkScrollable], template: "<div class=\"ca-scrollable-wrapper\" [class.light]=\"isLight\">\n  <div\n    #scrollContainer\n    class=\"ca-scrollable-container\"\n    tabindex=\"-1\"\n    cdkScrollable\n  >\n    <ng-content></ng-content>\n  </div>\n\n  <div #horizontalTrack class=\"ca-scrollbar-track horizontal\">\n    <div\n      #horizontalThumb\n      class=\"ca-scrollbar-thumb\"\n      (mousedown)=\"onHorizontalThumbMouseDown($event)\"\n    ></div>\n  </div>\n\n  <div #verticalTrack class=\"ca-scrollbar-track vertical\">\n    <div\n      #verticalThumb\n      class=\"ca-scrollbar-thumb\"\n      (mousedown)=\"onVerticalThumbMouseDown($event)\"\n    ></div>\n  </div>\n</div>\n", styles: [".ca-scrollable-wrapper{--ca-scrollbar-thumb-color: rgba(0, 0, 0, .2);--ca-scrollbar-thumb-hover-color: rgba(0, 0, 0, .5);--ca-scrollbar-thumb-dragging-color: rgba(0, 0, 0, .5);position:relative;width:100%;height:100%;overscroll-behavior:none}.ca-scrollable-wrapper.light{--ca-scrollbar-thumb-color: rgba(255, 255, 255, .4);--ca-scrollbar-thumb-hover-color: rgba(255, 255, 255, .5);--ca-scrollbar-thumb-dragging-color: rgba(255, 255, 255, .5)}.ca-scrollable-container{width:100%;height:100%;overflow:auto;overscroll-behavior:none;-ms-overflow-style:none;scrollbar-width:none}.ca-scrollable-container::-webkit-scrollbar{display:none}.ca-scrollable-container:focus-visible{outline:none!important}.ca-scrollbar-track{position:absolute;z-index:1;display:flex;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}.ca-scrollbar-track.hidden .ca-scrollbar-thumb:before{pointer-events:none}.ca-scrollbar-track.horizontal{left:4px;right:4px;bottom:12px;height:14px;align-items:center}.ca-scrollbar-track.horizontal .ca-scrollbar-thumb{width:100%;height:2px}.ca-scrollbar-track.horizontal:hover .ca-scrollbar-thumb,.ca-scrollbar-track.horizontal .ca-scrollbar-thumb.dragging{height:6px;background-color:var(--ca-scrollbar-thumb-hover-color)}.ca-scrollbar-track.vertical{top:4px;right:0;bottom:4px;width:12px;justify-content:center}.ca-scrollbar-track.vertical .ca-scrollbar-thumb{width:2px;height:100%}.ca-scrollbar-track.vertical:hover .ca-scrollbar-thumb,.ca-scrollbar-track.vertical .ca-scrollbar-thumb.dragging{width:6px;background-color:var(--ca-scrollbar-thumb-hover-color)}.ca-scrollbar-thumb{position:relative;background-color:var(--ca-scrollbar-thumb-color);border-radius:2px;transition:background-color .1s ease-in-out,height .1s ease-in-out,width .1s ease-in-out}.ca-scrollbar-thumb:hover{background-color:var(--ca-scrollbar-thumb-hover-color)}.ca-scrollbar-thumb:before{content:\"\";position:absolute;inset:-6px -4px;pointer-events:auto}\n"] }]
+        }], propDecorators: { scrollContainer: [{
+                type: ViewChild,
+                args: ['scrollContainer']
+            }], horizontalTrack: [{
+                type: ViewChild,
+                args: ['horizontalTrack']
+            }], horizontalThumb: [{
+                type: ViewChild,
+                args: ['horizontalThumb']
+            }], verticalTrack: [{
+                type: ViewChild,
+                args: ['verticalTrack']
+            }], verticalThumb: [{
+                type: ViewChild,
+                args: ['verticalThumb']
+            }], isLight: [{
+                type: Input
+            }], hideHorizontalScrollbar: [{
+                type: Input
+            }], hideVerticalScrollbar: [{
+                type: Input
+            }] } });
 class DispatchDropdownHelper {
     /**
      * Calculate the max height for grouped options dropdown menu
@@ -10981,5 +11204,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { AvatarComponent, CaiInputDatetimePickerComponent, CopyComponent, CounterComponent, 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, DispatchDropdownComponent, DispatchLocationComponent, DropZoneComponent, DropdownTypes, INPUT_CHARACTER_SETS, InputAddressComponent, InputComponent, IntervalDropdownComponent, ListContactDropdownComponent, PmComponent, RatingReviewComponent, ReviewModalComponent, SelectedBusinessFieldComponent, StickyScrollbarComponent, TabOptionDropdownComponent, TextAreaComponent, eScrollState, ignoreWhenAutofilled, sizes };
 //# sourceMappingURL=carriera-intern.mjs.map