carriera-intern 1.1.110 → 1.1.112
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/carriera-intern.mjs +27 -17
- package/fesm2022/carriera-intern.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/package.json +1 -1
- package/public/assets/json/icons.json +2 -2
- /package/public/assets/icons/{cai-illustration-drop-zone-video.svg → cai-illustration-drop-zone-media.svg} +0 -0
|
@@ -1454,7 +1454,9 @@ class NumberFormatDirective {
|
|
|
1454
1454
|
* @param value - The new value to set (can be formatted or unformatted).
|
|
1455
1455
|
*/
|
|
1456
1456
|
setRealValue(value) {
|
|
1457
|
-
|
|
1457
|
+
// Note: `value ?? ''` rather than `value || ''` so a numeric 0 is kept
|
|
1458
|
+
// and rendered as "0" instead of being treated as an empty input.
|
|
1459
|
+
this.realValue = this.extractNumericValue(value ?? '');
|
|
1458
1460
|
this.updateDisplayValue();
|
|
1459
1461
|
}
|
|
1460
1462
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: NumberFormatDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -3564,8 +3566,16 @@ class InputComponent {
|
|
|
3564
3566
|
break;
|
|
3565
3567
|
}
|
|
3566
3568
|
}
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
+
// The display signals are string-based (that is what the typing path
|
|
3570
|
+
// produces via `realValueChange`). Numbers coming from the form control
|
|
3571
|
+
// are stringified so a 0 stays truthy for `hasText` and reaches the
|
|
3572
|
+
// number directive as "0" instead of being dropped as falsy.
|
|
3573
|
+
// `value` itself is left untouched: option matching below compares it
|
|
3574
|
+
// against the raw option values, which may legitimately be numbers.
|
|
3575
|
+
// NaN/Infinity are left alone so they keep behaving as "no value".
|
|
3576
|
+
const displayValue = Number.isFinite(value) ? String(value) : value;
|
|
3577
|
+
this.value.set(displayValue);
|
|
3578
|
+
this.searchValue.set(displayValue);
|
|
3569
3579
|
const optionValue = this.config().optionValue;
|
|
3570
3580
|
requestAnimationFrame(() => {
|
|
3571
3581
|
if (value || value === 0) {
|
|
@@ -4595,7 +4605,7 @@ const DEFAULT_DUAL_DROP_ZONES = {
|
|
|
4595
4605
|
var DropZoneVariant;
|
|
4596
4606
|
(function (DropZoneVariant) {
|
|
4597
4607
|
DropZoneVariant["DOCUMENT"] = "document";
|
|
4598
|
-
DropZoneVariant["
|
|
4608
|
+
DropZoneVariant["MEDIA"] = "media";
|
|
4599
4609
|
DropZoneVariant["PROFILE"] = "profile";
|
|
4600
4610
|
DropZoneVariant["COVER"] = "cover";
|
|
4601
4611
|
DropZoneVariant["LOGO"] = "logo";
|
|
@@ -4606,9 +4616,9 @@ const IMAGE_PREVIEW_VARIANTS = new Set([
|
|
|
4606
4616
|
DropZoneVariant.COVER,
|
|
4607
4617
|
DropZoneVariant.LOGO,
|
|
4608
4618
|
]);
|
|
4609
|
-
const
|
|
4619
|
+
const DOCS_OR_MEDIA_VARIANTS = new Set([
|
|
4610
4620
|
DropZoneVariant.DOCUMENT,
|
|
4611
|
-
DropZoneVariant.
|
|
4621
|
+
DropZoneVariant.MEDIA,
|
|
4612
4622
|
]);
|
|
4613
4623
|
|
|
4614
4624
|
const DUAL_DROP_TARGETS = [
|
|
@@ -4882,7 +4892,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
4882
4892
|
class DragModeAnimationPipe {
|
|
4883
4893
|
animationPaths = {
|
|
4884
4894
|
[DropZoneVariant.DOCUMENT]: '/assets/carriera-intern/animations/animation-document-update.json',
|
|
4885
|
-
[DropZoneVariant.
|
|
4895
|
+
[DropZoneVariant.MEDIA]: '/assets/carriera-intern/animations/animation-media.json',
|
|
4886
4896
|
[DropZoneVariant.PROFILE]: '/assets/carriera-intern/animations/animation-image.json',
|
|
4887
4897
|
[DropZoneVariant.COVER]: '/assets/carriera-intern/animations/animation-image.json',
|
|
4888
4898
|
[DropZoneVariant.LOGO]: '/assets/carriera-intern/animations/animation-logo.json',
|
|
@@ -4890,7 +4900,7 @@ class DragModeAnimationPipe {
|
|
|
4890
4900
|
svgIconPaths = {
|
|
4891
4901
|
[DropZoneVariant.LOGO]: 'cai-illustration-drop-zone-cover',
|
|
4892
4902
|
[DropZoneVariant.COVER]: 'cai-illustration-drop-zone-cover',
|
|
4893
|
-
[DropZoneVariant.
|
|
4903
|
+
[DropZoneVariant.MEDIA]: 'cai-illustration-drop-zone-media',
|
|
4894
4904
|
[DropZoneVariant.PROFILE]: 'cai-illustration-drop-zone-profile',
|
|
4895
4905
|
[DropZoneVariant.DOCUMENT]: 'cai-illustration-drop-zone',
|
|
4896
4906
|
};
|
|
@@ -5344,8 +5354,8 @@ class DropZoneComponent {
|
|
|
5344
5354
|
isImagePreviewVariant() {
|
|
5345
5355
|
return IMAGE_PREVIEW_VARIANTS.has(this.variant());
|
|
5346
5356
|
}
|
|
5347
|
-
|
|
5348
|
-
return
|
|
5357
|
+
isDocsOrMediaVariant() {
|
|
5358
|
+
return DOCS_OR_MEDIA_VARIANTS.has(this.variant());
|
|
5349
5359
|
}
|
|
5350
5360
|
playLottieAnimation(animation, forward, options = {}) {
|
|
5351
5361
|
const speed = forward ? 1 : 4;
|
|
@@ -5599,9 +5609,9 @@ class DropZoneComponent {
|
|
|
5599
5609
|
const fileArray = Array.from(files);
|
|
5600
5610
|
const maxSizeBytes = this.maxFileSize() * 1024 * 1024;
|
|
5601
5611
|
const supportedTypes = this.supportedFileTypes();
|
|
5602
|
-
const
|
|
5612
|
+
const isDocsOrMedia = this.isDocsOrMediaVariant();
|
|
5603
5613
|
const existingNames = new Set(this.docs().map((d) => d.fileName));
|
|
5604
|
-
if (
|
|
5614
|
+
if (isDocsOrMedia && this.docs().length >= this.maxCountFiles()) {
|
|
5605
5615
|
this.setInputDisabled(true);
|
|
5606
5616
|
this.maxCountReached.set(true);
|
|
5607
5617
|
return;
|
|
@@ -5619,10 +5629,10 @@ class DropZoneComponent {
|
|
|
5619
5629
|
this.invalidFileSize.set(true);
|
|
5620
5630
|
return;
|
|
5621
5631
|
}
|
|
5622
|
-
if (
|
|
5632
|
+
if (isDocsOrMedia && totalDocsCount >= this.maxCountFiles()) {
|
|
5623
5633
|
break;
|
|
5624
5634
|
}
|
|
5625
|
-
if (
|
|
5635
|
+
if (isDocsOrMedia && existingNames.has(file.name)) {
|
|
5626
5636
|
return;
|
|
5627
5637
|
}
|
|
5628
5638
|
existingNames.add(file.name);
|
|
@@ -6143,7 +6153,7 @@ class DropZoneComponent {
|
|
|
6143
6153
|
DropZoneDocumentsHelper.onDownloadAllFiles(this.docs());
|
|
6144
6154
|
}
|
|
6145
6155
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.27", ngImport: i0, type: DropZoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6146
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DropZoneComponent, isStandalone: true, selector: "cai-drop-zone", inputs: { avatarColor: { classPropertyName: "avatarColor", publicName: "avatarColor", isSignal: true, isRequired: false, transformFunction: null }, crop: { classPropertyName: "crop", publicName: "crop", isSignal: true, isRequired: false, transformFunction: null }, deletedFileIds: { classPropertyName: "deletedFileIds", publicName: "deletedFileIds", isSignal: true, isRequired: false, transformFunction: null }, documentsDropZoneOpen: { classPropertyName: "documentsDropZoneOpen", publicName: "documentsDropZoneOpen", isSignal: true, isRequired: false, transformFunction: null }, documentTags: { classPropertyName: "documentTags", publicName: "documentTags", isSignal: true, isRequired: false, transformFunction: null }, dualDropZones: { classPropertyName: "dualDropZones", publicName: "dualDropZones", isSignal: true, isRequired: false, transformFunction: null }, excludedFileTypes: { classPropertyName: "excludedFileTypes", publicName: "excludedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, fileTypes: { classPropertyName: "fileTypes", publicName: "fileTypes", isSignal: true, isRequired: false, transformFunction: null }, isCoverDetails: { classPropertyName: "isCoverDetails", publicName: "isCoverDetails", isSignal: true, isRequired: false, transformFunction: null }, isDetailsSlider: { classPropertyName: "isDetailsSlider", publicName: "isDetailsSlider", isSignal: true, isRequired: false, transformFunction: null }, isDocumentsMode: { classPropertyName: "isDocumentsMode", publicName: "isDocumentsMode", isSignal: true, isRequired: false, transformFunction: null }, isDrawerMode: { classPropertyName: "isDrawerMode", publicName: "isDrawerMode", isSignal: true, isRequired: false, transformFunction: null }, isDualDropZone: { classPropertyName: "isDualDropZone", publicName: "isDualDropZone", isSignal: true, isRequired: false, transformFunction: null }, maxCountFiles: { classPropertyName: "maxCountFiles", publicName: "maxCountFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, parentForm: { classPropertyName: "parentForm", publicName: "parentForm", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCropPendingChange: "onCropPendingChange", onDeletedFileIds: "onDeletedFileIds", onDocsChange: "onDocsChange", onDocumentDropZoneOpenChange: "onDocumentDropZoneOpenChange", onDocumentFileNameChange: "onDocumentFileNameChange", onDocumentPreviewClick: "onDocumentPreviewClick", onDualDropChange: "onDualDropChange" }, host: { listeners: { "document:dragenter": "onDocumentDragEnter($event)", "document:dragover": "onDocumentDragOver($event)", "document:dragleave": "onWindowDragLeave($event)", "document:drop": "onDocumentDrop($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, isSignal: true }, { propertyName: "cropper", first: true, predicate: ["cropper"], descendants: true, isSignal: true }, { propertyName: "docsViewport", first: true, predicate: ["docsViewport"], descendants: true, isSignal: true }, { propertyName: "dropZoneContainer", first: true, predicate: ["dropZoneContainer"], descendants: true, isSignal: true }, { propertyName: "inputRange", first: true, predicate: ["inputRange"], descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let videoVariant = variant() === dropZoneVariant.VIDEO;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl() !== \"\";\n@let profilePreview = profileUrl() !== \"\"; @let logoPreview = !!logoUrl();\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n <div\n class=\"drop-zone-dimensions-lock\"\n [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n ></div>\n}\n\n<div\n #containerRef\n class=\"container\"\n [class]=\"{\n 'picture-container': profileVariant || coverVariant,\n smallContainer: smallSize,\n largeContainer: largeSize,\n dragMode: dragMode() && !isDocumentsMode(),\n dragModeDocuments: dragMode() && isDocumentsMode(),\n 'dual-drop-mode': isDualDragActive(),\n 'dual-drop-focus-left':\n isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n 'dual-drop-focus-right':\n isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n onDragover: onDragover(),\n logoVar: logoVariant,\n hasCropper: isCropperReady(),\n 'is-details-slider': isDetailsSlider(),\n 'is-drawer-mode': isDrawerMode(),\n isCoverDetails: isCoverDetails(),\n 'is-documents-mode': isDocumentsMode(),\n }\"\n>\n @if (coverVariant && coverPreview) {\n <div class=\"cover-container\">\n <img [src]=\"coverUrl()\" class=\"cover-image\" draggable=\"false\" />\n </div>\n }\n @if (profileVariant) {\n @if (!profilePreview) {\n <div class=\"avatar\">\n <cai-avatar\n [driver]=\"driver()\"\n [size]=\"160\"\n [rounded]=\"rounded()\"\n ></cai-avatar>\n </div>\n } @else {\n <div class=\"profile-container\">\n <img\n [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n [src]=\"profileUrl()\"\n draggable=\"false\"\n />\n </div>\n }\n }\n @if (logoVariant && logoPreview) {\n <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl()\">\n <img class=\"logo-image\" [src]=\"logoUrl()\" draggable=\"false\" />\n </div>\n }\n <!--Image Cropper-->\n @if (cropFile && showCrop) {\n @if (!isCropperReady()) {\n <div class=\"cropper-loader\">\n <div class=\"spinner\"></div>\n </div>\n }\n <div class=\"cropper-overlay\">\n <image-cropper\n #cropper\n class=\"img-cropper\"\n [output]=\"'base64'\"\n [class.logoBorder]=\"logoVariant\"\n [class.snapback-animate]=\"isSnapbackAnimating()\"\n [roundCropper]=\"roundedBorder ? true : false\"\n [hideResizeSquares]=\"true\"\n [allowMoveImage]=\"true\"\n [transform]=\"transform()\"\n (transformChange)=\"onTransformChange($event)\"\n format=\"png\"\n [aspectRatio]=\"cropAspectRatio()\"\n [resizeToWidth]=\"cropWidth()\"\n [resizeToHeight]=\"cropHeight()\"\n [containWithinAspectRatio]=\"true\"\n [imageChangedEvent]=\"imageChangedEvent()\"\n (imageCropped)=\"imageCropped($event)\"\n (imageLoaded)=\"imageLoaded($event)\"\n (cropperReady)=\"cropperReady()\"\n (loadImageFailed)=\"loadImageFailed()\"\n ></image-cropper>\n @if (isCropperReady()) {\n <div class=\"lower-part\">\n <div class=\"range\">\n <input\n #inputRange\n type=\"range\"\n class=\"custom-range\"\n min=\"1\"\n max=\"10\"\n step=\"0.1\"\n [value]=\"zoomValue()\"\n (input)=\"onZoomChange($event)\"\n />\n </div>\n <div class=\"cropper-buttons\">\n <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n </div>\n </div>\n }\n </div>\n }\n <!-- Drop Zone -->\n @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n <div\n #dropZoneContainer\n class=\"drop-zone-container\"\n [class.has-logo]=\"logoVariant && !!logoUrl()\"\n (drop)=\"onDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragenter)=\"onDragEnter($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [class]=\"{\n 'more-docs': docCount >= 3 && largeSize,\n 'small-more-docs': docCount >= 2 && smallSize,\n 'max-reached-drop-design':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-doc':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-video':\n (countFiles <= this.docs().length || maxCountReached()) &&\n videoVariant,\n 'invalid-file-size': invalidFileSize(),\n unsupported: unsupported() || invalidFileSize(),\n smallView: this.smallView() && !dragMode(),\n }\"\n >\n <!-- Drop Zone -->\n @if (isDualDragActive()) {\n @for (target of dualTargets; track target) {\n @let panel = dualDropZones()[target];\n <div\n class=\"drop-zone dual-drop-zone-panel\"\n [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n [class.active]=\"activeDualTarget() === target\"\n (drop)=\"onDualDrop($event, target)\"\n >\n @if (panel.title) {\n <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n }\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <ng-lottie\n [options]=\"{\n path:\n (target === dualDropTarget.LEFT\n ? dropZoneVariant.PROFILE\n : variant()\n ) | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event, target)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n <div class=\"heading\">\n {{\n activeDualTarget() === target\n ? panel.dropLabel\n : panel.dragLabel\n }}\n </div>\n <div class=\"description\">{{ panel.description }}</div>\n </div>\n </div>\n }\n } @else {\n <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n @if (dragMode()) {\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <!-- Animation -->\n <ng-lottie\n [options]=\"{\n path: variant() | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n @if (isDocumentsMode()) {\n <p class=\"heading\">DRAG FILES HERE</p>\n } @else if (documentVariant || videoVariant) {\n <p class=\"heading\">\n {{ onDragover() ? \"DROP FILES HERE\" : \"DRAG FILES HERE\" }}\n </p>\n } @else {\n <p class=\"heading\">\n {{ onDragover() ? \"DROP IMAGE HERE\" : \"DRAG IMAGE HERE\" }}\n </p>\n }\n </div>\n } @else {\n @let svgIcon = variant() | dropZoneAnimation: true;\n <svg-icon [name]=\"svgIcon\" class=\"illustration\"></svg-icon>\n @if (\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant\n ) {\n <div class=\"drop-zone-text\">\n <p class=\"heading\">\n <span class=\"line\">MAX COUNT</span>\n <span class=\"line\">REACHED</span>\n </p>\n <p class=\"subtext\">\n <span class=\"line\">{{ countFiles }} FILES </span>\n <span class=\"line\">IMPORTED</span>\n </p>\n </div>\n } @else {\n <div class=\"drop-zone-text\">\n <p class=\"heading\">\n @if (documentVariant || videoVariant) {\n DRAG FILES\n @if (docCount < 1 || isDocumentsMode()) {\n <span>HERE</span>\n }\n } @else if (profileVariant && roundedBorder) {\n DRAG IMAGE\n } @else {\n DRAG IMAGE HERE\n }\n </p>\n @if (!coverPreview && !profilePreview) {\n <p class=\"subtext\">OR CLICK TO ADD</p>\n }\n @if (coverPreview || profilePreview) {\n <p class=\"subtext\">OR CLICK TO REPLACE</p>\n }\n @if (videoVariant) {\n <p class=\"video-subtext\">\n max file size {{ maxFileSize() }}mb\n </p>\n }\n </div>\n @if (isDocumentsMode()) {\n <button\n class=\"cancel-button-documents\"\n ngbTooltip=\"Cancel\"\n [placement]=\"'bottom'\"\n container=\"body\"\n triggers=\"mouseenter:mouseleave\"\n tooltipClass=\"tooltip tooltip-m-b-2\"\n >\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"onCancel($event)\"\n ></svg-icon>\n </button>\n }\n }\n }\n </div>\n }\n\n <input\n type=\"file\"\n aria-hidden=\"true\"\n multiple\n class=\"drop-zone-input\"\n #inputRef\n (input)=\"onInput($event)\"\n (change)=\"fileChangeEvent($event)\"\n />\n\n <!-- Drop Zone Error -->\n <div class=\"drop-zone-error\">\n @if (invalidFileSize()) {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE SIZE</p>\n <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n </div>\n } @else {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE TYPE</p>\n <p class=\"subtext\">SUPPORTED FORMATS</p>\n </div>\n <div class=\"file-types\">\n @for (type of supportedFileTypes(); track $index) {\n <p\n class=\"badge\"\n [class]=\"{\n pdf: type === 'pdf',\n video: ['avi', 'mp4', 'mov'].includes(type),\n image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n }\"\n >\n {{ type }}\n </p>\n }\n </div>\n }\n <button class=\"cancel-button\">\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"cancel()\"\n ></svg-icon>\n </button>\n </div>\n </div>\n }\n @if (isLoadingSkeleton() && skeletonCount() > 0) {\n <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n } @else {\n <!-- Carousel -->\n @if (docCount > 0 && (documentVariant || videoVariant)) {\n <div #docsViewport class=\"docs\">\n <div\n class=\"doc-container\"\n [class.documents-container-grid]=\"isDocumentsMode()\"\n [style.transform]=\"isDocumentsMode() ? '' : carouselTransform()\"\n [style.--carousel-index]=\"isDocumentsMode() ? null : carouselIndex()\"\n >\n @for (doc of docs(); track doc.uid) {\n <cai-document-preview\n [class.doc-visible]=\"\n isDetailsSlider() && $index === carouselIndex()\n \"\n [class.doc-hidden]=\"\n isDetailsSlider() && $index !== carouselIndex()\n \"\n class=\"doc\"\n [file]=\"doc\"\n [tags]=\"documentTags()\"\n [searchText]=\"searchText()\"\n [cdlDetailsMode]=\"isDetailsSlider()\"\n [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n [maxAspectRatio]=\"\n isDetailsSlider() && docCount > 1\n ? maxDetailsAspectRatio()\n : null\n \"\n [drawerMode]=\"isDrawerMode()\"\n [isCoverDetails]=\"isCoverDetails()\"\n [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n (onDelete)=\"handleDelete($event)\"\n (onDownload)=\"handleDownload($event)\"\n (onTagChange)=\"handleTagChange($event)\"\n (onFileNameChange)=\"handleFileNameChange($event)\"\n (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n ></cai-document-preview>\n }\n </div>\n @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n <button\n class=\"carousel-button carousel-left\"\n type=\"button\"\n (click)=\"carouselLeft()\"\n [disabled]=\"carouselIndex() === 0\"\n [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n </button>\n <button\n class=\"carousel-button carousel-right\"\n type=\"button\"\n (click)=\"carouselRight()\"\n [disabled]=\"isCarouselAtEnd()\"\n [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n </button>\n }\n @if (isDetailsSlider() && docCount > 1) {\n <div class=\"sliders\">\n @for (doc of docs(); track $index) {\n <div\n class=\"slider-item\"\n (click)=\"carouselIndex.set($index)\"\n [class.active]=\"$index === carouselIndex()\"\n ></div>\n }\n </div>\n }\n </div>\n }\n }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n <div\n class=\"skeleton-container\"\n [ngClass]=\"{\n 'documents-container-grid': isDocumentsMode(),\n 'drawer-position': isDrawerMode(),\n }\"\n >\n @for (item of skeletonItems(); track $index) {\n <div class=\"skeleton-item\">\n <div class=\"skeleton-bar\"></div>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .video-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-video .drop-zone{padding:13px 0!important;flex-direction:column}.invalid-file-size .drop-zone .illustration{display:none!important}.invalid-file-size .drop-zone .drop-zone-text{padding-left:20px;padding-right:20px}.drop-zone-error{position:absolute;inset:0;background-color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;margin:4px;outline:4px dashed #ed9292;border-radius:2px;padding:52px 12px;gap:12px}.drop-zone-error .cancel-button{cursor:pointer;background-color:transparent;position:absolute;top:2px;right:2px;height:26px;width:26px;padding:0;display:grid;place-items:center;transition:color .2s ease-in-out;color:#919191}.drop-zone-error .cancel-button:hover{color:#424242}.drop-zone-error .file-types{display:flex;align-items:center;gap:2px;text-transform:uppercase;max-width:100%;flex-wrap:wrap;justify-content:center}.drop-zone-error .badge{font-size:11px;font-weight:900;color:#fff;line-height:14px;padding:2px 4px;width:35px;border-radius:1px;margin-bottom:0;text-align:center;background-color:#919191}.drop-zone-error .pdf{background-color:#e66767}.drop-zone-error .video{background-color:#b370f0}.drop-zone-error .image{background-color:#fab15c}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
6156
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.27", type: DropZoneComponent, isStandalone: true, selector: "cai-drop-zone", inputs: { avatarColor: { classPropertyName: "avatarColor", publicName: "avatarColor", isSignal: true, isRequired: false, transformFunction: null }, crop: { classPropertyName: "crop", publicName: "crop", isSignal: true, isRequired: false, transformFunction: null }, deletedFileIds: { classPropertyName: "deletedFileIds", publicName: "deletedFileIds", isSignal: true, isRequired: false, transformFunction: null }, documentsDropZoneOpen: { classPropertyName: "documentsDropZoneOpen", publicName: "documentsDropZoneOpen", isSignal: true, isRequired: false, transformFunction: null }, documentTags: { classPropertyName: "documentTags", publicName: "documentTags", isSignal: true, isRequired: false, transformFunction: null }, dualDropZones: { classPropertyName: "dualDropZones", publicName: "dualDropZones", isSignal: true, isRequired: false, transformFunction: null }, excludedFileTypes: { classPropertyName: "excludedFileTypes", publicName: "excludedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, fileTypes: { classPropertyName: "fileTypes", publicName: "fileTypes", isSignal: true, isRequired: false, transformFunction: null }, isCoverDetails: { classPropertyName: "isCoverDetails", publicName: "isCoverDetails", isSignal: true, isRequired: false, transformFunction: null }, isDetailsSlider: { classPropertyName: "isDetailsSlider", publicName: "isDetailsSlider", isSignal: true, isRequired: false, transformFunction: null }, isDocumentsMode: { classPropertyName: "isDocumentsMode", publicName: "isDocumentsMode", isSignal: true, isRequired: false, transformFunction: null }, isDrawerMode: { classPropertyName: "isDrawerMode", publicName: "isDrawerMode", isSignal: true, isRequired: false, transformFunction: null }, isDualDropZone: { classPropertyName: "isDualDropZone", publicName: "isDualDropZone", isSignal: true, isRequired: false, transformFunction: null }, maxCountFiles: { classPropertyName: "maxCountFiles", publicName: "maxCountFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, parentForm: { classPropertyName: "parentForm", publicName: "parentForm", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCropPendingChange: "onCropPendingChange", onDeletedFileIds: "onDeletedFileIds", onDocsChange: "onDocsChange", onDocumentDropZoneOpenChange: "onDocumentDropZoneOpenChange", onDocumentFileNameChange: "onDocumentFileNameChange", onDocumentPreviewClick: "onDocumentPreviewClick", onDualDropChange: "onDualDropChange" }, host: { listeners: { "document:dragenter": "onDocumentDragEnter($event)", "document:dragover": "onDocumentDragOver($event)", "document:dragleave": "onWindowDragLeave($event)", "document:drop": "onDocumentDrop($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, isSignal: true }, { propertyName: "cropper", first: true, predicate: ["cropper"], descendants: true, isSignal: true }, { propertyName: "docsViewport", first: true, predicate: ["docsViewport"], descendants: true, isSignal: true }, { propertyName: "dropZoneContainer", first: true, predicate: ["dropZoneContainer"], descendants: true, isSignal: true }, { propertyName: "inputRange", first: true, predicate: ["inputRange"], descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let mediaVariant = variant() === dropZoneVariant.MEDIA;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl() !== \"\";\n@let profilePreview = profileUrl() !== \"\"; @let logoPreview = !!logoUrl();\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n <div\n class=\"drop-zone-dimensions-lock\"\n [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n ></div>\n}\n\n<div\n #containerRef\n class=\"container\"\n [class]=\"{\n 'picture-container': profileVariant || coverVariant,\n smallContainer: smallSize,\n largeContainer: largeSize,\n dragMode: dragMode() && !isDocumentsMode(),\n dragModeDocuments: dragMode() && isDocumentsMode(),\n 'dual-drop-mode': isDualDragActive(),\n 'dual-drop-focus-left':\n isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n 'dual-drop-focus-right':\n isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n onDragover: onDragover(),\n logoVar: logoVariant,\n hasCropper: isCropperReady(),\n 'is-details-slider': isDetailsSlider(),\n 'is-drawer-mode': isDrawerMode(),\n isCoverDetails: isCoverDetails(),\n 'is-documents-mode': isDocumentsMode(),\n }\"\n>\n @if (coverVariant && coverPreview) {\n <div class=\"cover-container\">\n <img [src]=\"coverUrl()\" class=\"cover-image\" draggable=\"false\" />\n </div>\n }\n @if (profileVariant) {\n @if (!profilePreview) {\n <div class=\"avatar\">\n <cai-avatar\n [driver]=\"driver()\"\n [size]=\"160\"\n [rounded]=\"rounded()\"\n ></cai-avatar>\n </div>\n } @else {\n <div class=\"profile-container\">\n <img\n [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n [src]=\"profileUrl()\"\n draggable=\"false\"\n />\n </div>\n }\n }\n @if (logoVariant && logoPreview) {\n <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl()\">\n <img class=\"logo-image\" [src]=\"logoUrl()\" draggable=\"false\" />\n </div>\n }\n <!--Image Cropper-->\n @if (cropFile && showCrop) {\n @if (!isCropperReady()) {\n <div class=\"cropper-loader\">\n <div class=\"spinner\"></div>\n </div>\n }\n <div class=\"cropper-overlay\">\n <image-cropper\n #cropper\n class=\"img-cropper\"\n [output]=\"'base64'\"\n [class.logoBorder]=\"logoVariant\"\n [class.snapback-animate]=\"isSnapbackAnimating()\"\n [roundCropper]=\"roundedBorder ? true : false\"\n [hideResizeSquares]=\"true\"\n [allowMoveImage]=\"true\"\n [transform]=\"transform()\"\n (transformChange)=\"onTransformChange($event)\"\n format=\"png\"\n [aspectRatio]=\"cropAspectRatio()\"\n [resizeToWidth]=\"cropWidth()\"\n [resizeToHeight]=\"cropHeight()\"\n [containWithinAspectRatio]=\"true\"\n [imageChangedEvent]=\"imageChangedEvent()\"\n (imageCropped)=\"imageCropped($event)\"\n (imageLoaded)=\"imageLoaded($event)\"\n (cropperReady)=\"cropperReady()\"\n (loadImageFailed)=\"loadImageFailed()\"\n ></image-cropper>\n @if (isCropperReady()) {\n <div class=\"lower-part\">\n <div class=\"range\">\n <input\n #inputRange\n type=\"range\"\n class=\"custom-range\"\n min=\"1\"\n max=\"10\"\n step=\"0.1\"\n [value]=\"zoomValue()\"\n (input)=\"onZoomChange($event)\"\n />\n </div>\n <div class=\"cropper-buttons\">\n <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n </div>\n </div>\n }\n </div>\n }\n <!-- Drop Zone -->\n @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n <div\n #dropZoneContainer\n class=\"drop-zone-container\"\n [class.has-logo]=\"logoVariant && !!logoUrl()\"\n (drop)=\"onDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragenter)=\"onDragEnter($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [class]=\"{\n 'more-docs': docCount >= 3 && largeSize,\n 'small-more-docs': docCount >= 2 && smallSize,\n 'max-reached-drop-design':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-doc':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-media':\n (countFiles <= this.docs().length || maxCountReached()) &&\n mediaVariant,\n 'invalid-file-size': invalidFileSize(),\n unsupported: unsupported() || invalidFileSize(),\n smallView: this.smallView() && !dragMode(),\n }\"\n >\n <!-- Drop Zone -->\n @if (isDualDragActive()) {\n @for (target of dualTargets; track target) {\n @let panel = dualDropZones()[target];\n <div\n class=\"drop-zone dual-drop-zone-panel\"\n [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n [class.active]=\"activeDualTarget() === target\"\n (drop)=\"onDualDrop($event, target)\"\n >\n @if (panel.title) {\n <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n }\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <ng-lottie\n [options]=\"{\n path:\n (target === dualDropTarget.LEFT\n ? dropZoneVariant.PROFILE\n : variant()\n ) | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event, target)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n <div class=\"heading\">\n {{\n activeDualTarget() === target\n ? panel.dropLabel\n : panel.dragLabel\n }}\n </div>\n <div class=\"description\">{{ panel.description }}</div>\n </div>\n </div>\n }\n } @else {\n <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n @if (dragMode()) {\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <!-- Animation -->\n <ng-lottie\n [options]=\"{\n path: variant() | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n @if (isDocumentsMode()) {\n <p class=\"heading\">DRAG FILES HERE</p>\n } @else if (documentVariant || mediaVariant) {\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 || mediaVariant) {\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 (mediaVariant) {\n <p class=\"media-subtext\">\n max file size {{ maxFileSize() }}mb\n </p>\n }\n </div>\n @if (isDocumentsMode()) {\n <button\n class=\"cancel-button-documents\"\n ngbTooltip=\"Cancel\"\n [placement]=\"'bottom'\"\n container=\"body\"\n triggers=\"mouseenter:mouseleave\"\n tooltipClass=\"tooltip tooltip-m-b-2\"\n >\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"onCancel($event)\"\n ></svg-icon>\n </button>\n }\n }\n }\n </div>\n }\n\n <input\n type=\"file\"\n aria-hidden=\"true\"\n multiple\n class=\"drop-zone-input\"\n #inputRef\n (input)=\"onInput($event)\"\n (change)=\"fileChangeEvent($event)\"\n />\n\n <!-- Drop Zone Error -->\n <div class=\"drop-zone-error\">\n @if (invalidFileSize()) {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE SIZE</p>\n <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n </div>\n } @else {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE TYPE</p>\n <p class=\"subtext\">SUPPORTED FORMATS</p>\n </div>\n <div class=\"file-types\">\n @for (type of supportedFileTypes(); track $index) {\n <p\n class=\"badge\"\n [class]=\"{\n pdf: type === 'pdf',\n video: ['avi', 'mp4', 'mov'].includes(type),\n image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n }\"\n >\n {{ type }}\n </p>\n }\n </div>\n }\n <button class=\"cancel-button\">\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"cancel()\"\n ></svg-icon>\n </button>\n </div>\n </div>\n }\n @if (isLoadingSkeleton() && skeletonCount() > 0) {\n <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n } @else {\n <!-- Carousel -->\n @if (docCount > 0 && (documentVariant || mediaVariant)) {\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.uid) {\n <cai-document-preview\n [class.doc-visible]=\"\n isDetailsSlider() && $index === carouselIndex()\n \"\n [class.doc-hidden]=\"\n isDetailsSlider() && $index !== carouselIndex()\n \"\n class=\"doc\"\n [file]=\"doc\"\n [tags]=\"documentTags()\"\n [searchText]=\"searchText()\"\n [cdlDetailsMode]=\"isDetailsSlider()\"\n [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n [maxAspectRatio]=\"\n isDetailsSlider() && docCount > 1\n ? maxDetailsAspectRatio()\n : null\n \"\n [drawerMode]=\"isDrawerMode()\"\n [isCoverDetails]=\"isCoverDetails()\"\n [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n (onDelete)=\"handleDelete($event)\"\n (onDownload)=\"handleDownload($event)\"\n (onTagChange)=\"handleTagChange($event)\"\n (onFileNameChange)=\"handleFileNameChange($event)\"\n (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n ></cai-document-preview>\n }\n </div>\n @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n <button\n class=\"carousel-button carousel-left\"\n type=\"button\"\n (click)=\"carouselLeft()\"\n [disabled]=\"carouselIndex() === 0\"\n [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n </button>\n <button\n class=\"carousel-button carousel-right\"\n type=\"button\"\n (click)=\"carouselRight()\"\n [disabled]=\"isCarouselAtEnd()\"\n [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n </button>\n }\n @if (isDetailsSlider() && docCount > 1) {\n <div class=\"sliders\">\n @for (doc of docs(); track $index) {\n <div\n class=\"slider-item\"\n (click)=\"carouselIndex.set($index)\"\n [class.active]=\"$index === carouselIndex()\"\n ></div>\n }\n </div>\n }\n </div>\n }\n }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n <div\n class=\"skeleton-container\"\n [ngClass]=\"{\n 'documents-container-grid': isDocumentsMode(),\n 'drawer-position': isDrawerMode(),\n }\"\n >\n @for (item of skeletonItems(); track $index) {\n <div class=\"skeleton-item\">\n <div class=\"skeleton-bar\"></div>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .media-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-media .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:
|
|
6147
6157
|
// modules
|
|
6148
6158
|
CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
6149
6159
|
// components
|
|
@@ -6170,7 +6180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
6170
6180
|
LottieComponent,
|
|
6171
6181
|
//pipes
|
|
6172
6182
|
DragModeAnimationPipe,
|
|
6173
|
-
], template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let videoVariant = variant() === dropZoneVariant.VIDEO;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl() !== \"\";\n@let profilePreview = profileUrl() !== \"\"; @let logoPreview = !!logoUrl();\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n <div\n class=\"drop-zone-dimensions-lock\"\n [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n ></div>\n}\n\n<div\n #containerRef\n class=\"container\"\n [class]=\"{\n 'picture-container': profileVariant || coverVariant,\n smallContainer: smallSize,\n largeContainer: largeSize,\n dragMode: dragMode() && !isDocumentsMode(),\n dragModeDocuments: dragMode() && isDocumentsMode(),\n 'dual-drop-mode': isDualDragActive(),\n 'dual-drop-focus-left':\n isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n 'dual-drop-focus-right':\n isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n onDragover: onDragover(),\n logoVar: logoVariant,\n hasCropper: isCropperReady(),\n 'is-details-slider': isDetailsSlider(),\n 'is-drawer-mode': isDrawerMode(),\n isCoverDetails: isCoverDetails(),\n 'is-documents-mode': isDocumentsMode(),\n }\"\n>\n @if (coverVariant && coverPreview) {\n <div class=\"cover-container\">\n <img [src]=\"coverUrl()\" class=\"cover-image\" draggable=\"false\" />\n </div>\n }\n @if (profileVariant) {\n @if (!profilePreview) {\n <div class=\"avatar\">\n <cai-avatar\n [driver]=\"driver()\"\n [size]=\"160\"\n [rounded]=\"rounded()\"\n ></cai-avatar>\n </div>\n } @else {\n <div class=\"profile-container\">\n <img\n [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n [src]=\"profileUrl()\"\n draggable=\"false\"\n />\n </div>\n }\n }\n @if (logoVariant && logoPreview) {\n <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl()\">\n <img class=\"logo-image\" [src]=\"logoUrl()\" draggable=\"false\" />\n </div>\n }\n <!--Image Cropper-->\n @if (cropFile && showCrop) {\n @if (!isCropperReady()) {\n <div class=\"cropper-loader\">\n <div class=\"spinner\"></div>\n </div>\n }\n <div class=\"cropper-overlay\">\n <image-cropper\n #cropper\n class=\"img-cropper\"\n [output]=\"'base64'\"\n [class.logoBorder]=\"logoVariant\"\n [class.snapback-animate]=\"isSnapbackAnimating()\"\n [roundCropper]=\"roundedBorder ? true : false\"\n [hideResizeSquares]=\"true\"\n [allowMoveImage]=\"true\"\n [transform]=\"transform()\"\n (transformChange)=\"onTransformChange($event)\"\n format=\"png\"\n [aspectRatio]=\"cropAspectRatio()\"\n [resizeToWidth]=\"cropWidth()\"\n [resizeToHeight]=\"cropHeight()\"\n [containWithinAspectRatio]=\"true\"\n [imageChangedEvent]=\"imageChangedEvent()\"\n (imageCropped)=\"imageCropped($event)\"\n (imageLoaded)=\"imageLoaded($event)\"\n (cropperReady)=\"cropperReady()\"\n (loadImageFailed)=\"loadImageFailed()\"\n ></image-cropper>\n @if (isCropperReady()) {\n <div class=\"lower-part\">\n <div class=\"range\">\n <input\n #inputRange\n type=\"range\"\n class=\"custom-range\"\n min=\"1\"\n max=\"10\"\n step=\"0.1\"\n [value]=\"zoomValue()\"\n (input)=\"onZoomChange($event)\"\n />\n </div>\n <div class=\"cropper-buttons\">\n <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n </div>\n </div>\n }\n </div>\n }\n <!-- Drop Zone -->\n @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n <div\n #dropZoneContainer\n class=\"drop-zone-container\"\n [class.has-logo]=\"logoVariant && !!logoUrl()\"\n (drop)=\"onDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragenter)=\"onDragEnter($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [class]=\"{\n 'more-docs': docCount >= 3 && largeSize,\n 'small-more-docs': docCount >= 2 && smallSize,\n 'max-reached-drop-design':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-doc':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-video':\n (countFiles <= this.docs().length || maxCountReached()) &&\n videoVariant,\n 'invalid-file-size': invalidFileSize(),\n unsupported: unsupported() || invalidFileSize(),\n smallView: this.smallView() && !dragMode(),\n }\"\n >\n <!-- Drop Zone -->\n @if (isDualDragActive()) {\n @for (target of dualTargets; track target) {\n @let panel = dualDropZones()[target];\n <div\n class=\"drop-zone dual-drop-zone-panel\"\n [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n [class.active]=\"activeDualTarget() === target\"\n (drop)=\"onDualDrop($event, target)\"\n >\n @if (panel.title) {\n <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n }\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <ng-lottie\n [options]=\"{\n path:\n (target === dualDropTarget.LEFT\n ? dropZoneVariant.PROFILE\n : variant()\n ) | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event, target)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n <div class=\"heading\">\n {{\n activeDualTarget() === target\n ? panel.dropLabel\n : panel.dragLabel\n }}\n </div>\n <div class=\"description\">{{ panel.description }}</div>\n </div>\n </div>\n }\n } @else {\n <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n @if (dragMode()) {\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <!-- Animation -->\n <ng-lottie\n [options]=\"{\n path: variant() | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n @if (isDocumentsMode()) {\n <p class=\"heading\">DRAG FILES HERE</p>\n } @else if (documentVariant || videoVariant) {\n <p class=\"heading\">\n {{ onDragover() ? \"DROP FILES HERE\" : \"DRAG FILES HERE\" }}\n </p>\n } @else {\n <p class=\"heading\">\n {{ onDragover() ? \"DROP IMAGE HERE\" : \"DRAG IMAGE HERE\" }}\n </p>\n }\n </div>\n } @else {\n @let svgIcon = variant() | dropZoneAnimation: true;\n <svg-icon [name]=\"svgIcon\" class=\"illustration\"></svg-icon>\n @if (\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant\n ) {\n <div class=\"drop-zone-text\">\n <p class=\"heading\">\n <span class=\"line\">MAX COUNT</span>\n <span class=\"line\">REACHED</span>\n </p>\n <p class=\"subtext\">\n <span class=\"line\">{{ countFiles }} FILES </span>\n <span class=\"line\">IMPORTED</span>\n </p>\n </div>\n } @else {\n <div class=\"drop-zone-text\">\n <p class=\"heading\">\n @if (documentVariant || videoVariant) {\n DRAG FILES\n @if (docCount < 1 || isDocumentsMode()) {\n <span>HERE</span>\n }\n } @else if (profileVariant && roundedBorder) {\n DRAG IMAGE\n } @else {\n DRAG IMAGE HERE\n }\n </p>\n @if (!coverPreview && !profilePreview) {\n <p class=\"subtext\">OR CLICK TO ADD</p>\n }\n @if (coverPreview || profilePreview) {\n <p class=\"subtext\">OR CLICK TO REPLACE</p>\n }\n @if (videoVariant) {\n <p class=\"video-subtext\">\n max file size {{ maxFileSize() }}mb\n </p>\n }\n </div>\n @if (isDocumentsMode()) {\n <button\n class=\"cancel-button-documents\"\n ngbTooltip=\"Cancel\"\n [placement]=\"'bottom'\"\n container=\"body\"\n triggers=\"mouseenter:mouseleave\"\n tooltipClass=\"tooltip tooltip-m-b-2\"\n >\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"onCancel($event)\"\n ></svg-icon>\n </button>\n }\n }\n }\n </div>\n }\n\n <input\n type=\"file\"\n aria-hidden=\"true\"\n multiple\n class=\"drop-zone-input\"\n #inputRef\n (input)=\"onInput($event)\"\n (change)=\"fileChangeEvent($event)\"\n />\n\n <!-- Drop Zone Error -->\n <div class=\"drop-zone-error\">\n @if (invalidFileSize()) {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE SIZE</p>\n <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n </div>\n } @else {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE TYPE</p>\n <p class=\"subtext\">SUPPORTED FORMATS</p>\n </div>\n <div class=\"file-types\">\n @for (type of supportedFileTypes(); track $index) {\n <p\n class=\"badge\"\n [class]=\"{\n pdf: type === 'pdf',\n video: ['avi', 'mp4', 'mov'].includes(type),\n image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n }\"\n >\n {{ type }}\n </p>\n }\n </div>\n }\n <button class=\"cancel-button\">\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"cancel()\"\n ></svg-icon>\n </button>\n </div>\n </div>\n }\n @if (isLoadingSkeleton() && skeletonCount() > 0) {\n <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n } @else {\n <!-- Carousel -->\n @if (docCount > 0 && (documentVariant || videoVariant)) {\n <div #docsViewport class=\"docs\">\n <div\n class=\"doc-container\"\n [class.documents-container-grid]=\"isDocumentsMode()\"\n [style.transform]=\"isDocumentsMode() ? '' : carouselTransform()\"\n [style.--carousel-index]=\"isDocumentsMode() ? null : carouselIndex()\"\n >\n @for (doc of docs(); track doc.uid) {\n <cai-document-preview\n [class.doc-visible]=\"\n isDetailsSlider() && $index === carouselIndex()\n \"\n [class.doc-hidden]=\"\n isDetailsSlider() && $index !== carouselIndex()\n \"\n class=\"doc\"\n [file]=\"doc\"\n [tags]=\"documentTags()\"\n [searchText]=\"searchText()\"\n [cdlDetailsMode]=\"isDetailsSlider()\"\n [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n [maxAspectRatio]=\"\n isDetailsSlider() && docCount > 1\n ? maxDetailsAspectRatio()\n : null\n \"\n [drawerMode]=\"isDrawerMode()\"\n [isCoverDetails]=\"isCoverDetails()\"\n [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n (onDelete)=\"handleDelete($event)\"\n (onDownload)=\"handleDownload($event)\"\n (onTagChange)=\"handleTagChange($event)\"\n (onFileNameChange)=\"handleFileNameChange($event)\"\n (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n ></cai-document-preview>\n }\n </div>\n @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n <button\n class=\"carousel-button carousel-left\"\n type=\"button\"\n (click)=\"carouselLeft()\"\n [disabled]=\"carouselIndex() === 0\"\n [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n </button>\n <button\n class=\"carousel-button carousel-right\"\n type=\"button\"\n (click)=\"carouselRight()\"\n [disabled]=\"isCarouselAtEnd()\"\n [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n </button>\n }\n @if (isDetailsSlider() && docCount > 1) {\n <div class=\"sliders\">\n @for (doc of docs(); track $index) {\n <div\n class=\"slider-item\"\n (click)=\"carouselIndex.set($index)\"\n [class.active]=\"$index === carouselIndex()\"\n ></div>\n }\n </div>\n }\n </div>\n }\n }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n <div\n class=\"skeleton-container\"\n [ngClass]=\"{\n 'documents-container-grid': isDocumentsMode(),\n 'drawer-position': isDrawerMode(),\n }\"\n >\n @for (item of skeletonItems(); track $index) {\n <div class=\"skeleton-item\">\n <div class=\"skeleton-bar\"></div>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .video-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-video .drop-zone{padding:13px 0!important;flex-direction:column}.invalid-file-size .drop-zone .illustration{display:none!important}.invalid-file-size .drop-zone .drop-zone-text{padding-left:20px;padding-right:20px}.drop-zone-error{position:absolute;inset:0;background-color:#fff;display:none;justify-content:center;align-items:center;flex-direction:column;margin:4px;outline:4px dashed #ed9292;border-radius:2px;padding:52px 12px;gap:12px}.drop-zone-error .cancel-button{cursor:pointer;background-color:transparent;position:absolute;top:2px;right:2px;height:26px;width:26px;padding:0;display:grid;place-items:center;transition:color .2s ease-in-out;color:#919191}.drop-zone-error .cancel-button:hover{color:#424242}.drop-zone-error .file-types{display:flex;align-items:center;gap:2px;text-transform:uppercase;max-width:100%;flex-wrap:wrap;justify-content:center}.drop-zone-error .badge{font-size:11px;font-weight:900;color:#fff;line-height:14px;padding:2px 4px;width:35px;border-radius:1px;margin-bottom:0;text-align:center;background-color:#919191}.drop-zone-error .pdf{background-color:#e66767}.drop-zone-error .video{background-color:#b370f0}.drop-zone-error .image{background-color:#fab15c}\n"] }]
|
|
6183
|
+
], template: "@let docCount = docs().length; @let cropFile = crop() === true;\n@let showCrop = showCropper() === true;\n@let documentVariant = variant() === dropZoneVariant.DOCUMENT;\n@let mediaVariant = variant() === dropZoneVariant.MEDIA;\n@let profileVariant = variant() === dropZoneVariant.PROFILE;\n@let coverVariant = variant() === dropZoneVariant.COVER;\n@let logoVariant = variant() === dropZoneVariant.LOGO;\n@let roundedBorder = rounded() === true; @let coverPreview = coverUrl() !== \"\";\n@let profilePreview = profileUrl() !== \"\"; @let logoPreview = !!logoUrl();\n@let smallSize = size() === \"480px\";\n@let countFiles = this.maxCountFiles();\n@let largeSize = size() === \"640px\";\n\n@if (isDocumentsMode() && documentsDropZoneOpen() && dragMode()) {\n <div class=\"documents-drag-overlay\"></div>\n}\n\n@if (dragMode() && !isDrawerMode()) {\n <div\n class=\"drop-zone-dimensions-lock\"\n [style.--drag-lock-width.px]=\"dropzoneDimensionsLock().width\"\n [style.--drag-lock-height.px]=\"dropzoneDimensionsLock().height\"\n ></div>\n}\n\n<div\n #containerRef\n class=\"container\"\n [class]=\"{\n 'picture-container': profileVariant || coverVariant,\n smallContainer: smallSize,\n largeContainer: largeSize,\n dragMode: dragMode() && !isDocumentsMode(),\n dragModeDocuments: dragMode() && isDocumentsMode(),\n 'dual-drop-mode': isDualDragActive(),\n 'dual-drop-focus-left':\n isDualDragActive() && activeDualTarget() === dualDropTarget.LEFT,\n 'dual-drop-focus-right':\n isDualDragActive() && activeDualTarget() === dualDropTarget.RIGHT,\n onDragover: onDragover(),\n logoVar: logoVariant,\n hasCropper: isCropperReady(),\n 'is-details-slider': isDetailsSlider(),\n 'is-drawer-mode': isDrawerMode(),\n isCoverDetails: isCoverDetails(),\n 'is-documents-mode': isDocumentsMode(),\n }\"\n>\n @if (coverVariant && coverPreview) {\n <div class=\"cover-container\">\n <img [src]=\"coverUrl()\" class=\"cover-image\" draggable=\"false\" />\n </div>\n }\n @if (profileVariant) {\n @if (!profilePreview) {\n <div class=\"avatar\">\n <cai-avatar\n [driver]=\"driver()\"\n [size]=\"160\"\n [rounded]=\"rounded()\"\n ></cai-avatar>\n </div>\n } @else {\n <div class=\"profile-container\">\n <img\n [class]=\"rounded() ? 'profile-rounded-image' : 'profile-square-image'\"\n [src]=\"profileUrl()\"\n draggable=\"false\"\n />\n </div>\n }\n }\n @if (logoVariant && logoPreview) {\n <div class=\"logo-container\" [class.has-logo]=\"!!logoUrl()\">\n <img class=\"logo-image\" [src]=\"logoUrl()\" draggable=\"false\" />\n </div>\n }\n <!--Image Cropper-->\n @if (cropFile && showCrop) {\n @if (!isCropperReady()) {\n <div class=\"cropper-loader\">\n <div class=\"spinner\"></div>\n </div>\n }\n <div class=\"cropper-overlay\">\n <image-cropper\n #cropper\n class=\"img-cropper\"\n [output]=\"'base64'\"\n [class.logoBorder]=\"logoVariant\"\n [class.snapback-animate]=\"isSnapbackAnimating()\"\n [roundCropper]=\"roundedBorder ? true : false\"\n [hideResizeSquares]=\"true\"\n [allowMoveImage]=\"true\"\n [transform]=\"transform()\"\n (transformChange)=\"onTransformChange($event)\"\n format=\"png\"\n [aspectRatio]=\"cropAspectRatio()\"\n [resizeToWidth]=\"cropWidth()\"\n [resizeToHeight]=\"cropHeight()\"\n [containWithinAspectRatio]=\"true\"\n [imageChangedEvent]=\"imageChangedEvent()\"\n (imageCropped)=\"imageCropped($event)\"\n (imageLoaded)=\"imageLoaded($event)\"\n (cropperReady)=\"cropperReady()\"\n (loadImageFailed)=\"loadImageFailed()\"\n ></image-cropper>\n @if (isCropperReady()) {\n <div class=\"lower-part\">\n <div class=\"range\">\n <input\n #inputRange\n type=\"range\"\n class=\"custom-range\"\n min=\"1\"\n max=\"10\"\n step=\"0.1\"\n [value]=\"zoomValue()\"\n (input)=\"onZoomChange($event)\"\n />\n </div>\n <div class=\"cropper-buttons\">\n <button class=\"cancel-button\" (click)=\"cancelCrop()\">Cancel</button>\n <button class=\"submit-button\" (click)=\"submitCrop()\">Crop</button>\n </div>\n </div>\n }\n </div>\n }\n <!-- Drop Zone -->\n @if (!isDocumentsMode() || documentsDropZoneOpen()) {\n <div\n #dropZoneContainer\n class=\"drop-zone-container\"\n [class.has-logo]=\"logoVariant && !!logoUrl()\"\n (drop)=\"onDrop($event)\"\n (dragover)=\"onDragOver($event)\"\n (dragenter)=\"onDragEnter($event)\"\n (dragleave)=\"onDragLeave($event)\"\n [class]=\"{\n 'more-docs': docCount >= 3 && largeSize,\n 'small-more-docs': docCount >= 2 && smallSize,\n 'max-reached-drop-design':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-doc':\n (countFiles <= this.docs().length || maxCountReached()) &&\n documentVariant,\n 'max-reached-more-media':\n (countFiles <= this.docs().length || maxCountReached()) &&\n mediaVariant,\n 'invalid-file-size': invalidFileSize(),\n unsupported: unsupported() || invalidFileSize(),\n smallView: this.smallView() && !dragMode(),\n }\"\n >\n <!-- Drop Zone -->\n @if (isDualDragActive()) {\n @for (target of dualTargets; track target) {\n @let panel = dualDropZones()[target];\n <div\n class=\"drop-zone dual-drop-zone-panel\"\n [class.dual-drop-zone-left]=\"target === dualDropTarget.LEFT\"\n [class.dual-drop-zone-right]=\"target === dualDropTarget.RIGHT\"\n [class.active]=\"activeDualTarget() === target\"\n (drop)=\"onDualDrop($event, target)\"\n >\n @if (panel.title) {\n <div class=\"dual-drop-zone-title\">{{ panel.title }}</div>\n }\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <ng-lottie\n [options]=\"{\n path:\n (target === dualDropTarget.LEFT\n ? dropZoneVariant.PROFILE\n : variant()\n ) | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event, target)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n <div class=\"heading\">\n {{\n activeDualTarget() === target\n ? panel.dropLabel\n : panel.dragLabel\n }}\n </div>\n <div class=\"description\">{{ panel.description }}</div>\n </div>\n </div>\n }\n } @else {\n <div class=\"drop-zone\" (click)=\"handleClickToAdd()\">\n @if (dragMode()) {\n <div class=\"drag-icons-container\">\n @if (isDocumentsMode()) {\n <svg-icon\n name=\"cai-drop-zone-focus\"\n class=\"illustration drag-icon-document\"\n ></svg-icon>\n } @else {\n <!-- Animation -->\n <ng-lottie\n [options]=\"{\n path: variant() | dropZoneAnimation,\n loop: false,\n autoplay: false,\n }\"\n (animationCreated)=\"animationCreated($event)\"\n ></ng-lottie>\n }\n </div>\n <div class=\"drop-zone-focus-text\">\n @if (isDocumentsMode()) {\n <p class=\"heading\">DRAG FILES HERE</p>\n } @else if (documentVariant || mediaVariant) {\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 || mediaVariant) {\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 (mediaVariant) {\n <p class=\"media-subtext\">\n max file size {{ maxFileSize() }}mb\n </p>\n }\n </div>\n @if (isDocumentsMode()) {\n <button\n class=\"cancel-button-documents\"\n ngbTooltip=\"Cancel\"\n [placement]=\"'bottom'\"\n container=\"body\"\n triggers=\"mouseenter:mouseleave\"\n tooltipClass=\"tooltip tooltip-m-b-2\"\n >\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"onCancel($event)\"\n ></svg-icon>\n </button>\n }\n }\n }\n </div>\n }\n\n <input\n type=\"file\"\n aria-hidden=\"true\"\n multiple\n class=\"drop-zone-input\"\n #inputRef\n (input)=\"onInput($event)\"\n (change)=\"fileChangeEvent($event)\"\n />\n\n <!-- Drop Zone Error -->\n <div class=\"drop-zone-error\">\n @if (invalidFileSize()) {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE SIZE</p>\n <p class=\"subtext\">MAX {{ maxFileSize() }} MB</p>\n </div>\n } @else {\n <div class=\"drop-zone-text\">\n <p class=\"heading invalid\">INVALID FILE TYPE</p>\n <p class=\"subtext\">SUPPORTED FORMATS</p>\n </div>\n <div class=\"file-types\">\n @for (type of supportedFileTypes(); track $index) {\n <p\n class=\"badge\"\n [class]=\"{\n pdf: type === 'pdf',\n video: ['avi', 'mp4', 'mov'].includes(type),\n image: ['jpg', 'png', 'jpeg', 'gif'].includes(type),\n }\"\n >\n {{ type }}\n </p>\n }\n </div>\n }\n <button class=\"cancel-button\">\n <svg-icon\n name=\"cai-cancel\"\n class=\"cancel-icon\"\n (click)=\"cancel()\"\n ></svg-icon>\n </button>\n </div>\n </div>\n }\n @if (isLoadingSkeleton() && skeletonCount() > 0) {\n <ng-container *ngTemplateOutlet=\"skeletonTemplate\"></ng-container>\n } @else {\n <!-- Carousel -->\n @if (docCount > 0 && (documentVariant || mediaVariant)) {\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.uid) {\n <cai-document-preview\n [class.doc-visible]=\"\n isDetailsSlider() && $index === carouselIndex()\n \"\n [class.doc-hidden]=\"\n isDetailsSlider() && $index !== carouselIndex()\n \"\n class=\"doc\"\n [file]=\"doc\"\n [tags]=\"documentTags()\"\n [searchText]=\"searchText()\"\n [cdlDetailsMode]=\"isDetailsSlider()\"\n [multipleDetailsDocs]=\"isDetailsSlider() && docCount > 1\"\n [maxAspectRatio]=\"\n isDetailsSlider() && docCount > 1\n ? maxDetailsAspectRatio()\n : null\n \"\n [drawerMode]=\"isDrawerMode()\"\n [isCoverDetails]=\"isCoverDetails()\"\n [viewMode]=\"isDocumentsMode() ? 'large' : 'small'\"\n (onDelete)=\"handleDelete($event)\"\n (onDownload)=\"handleDownload($event)\"\n (onTagChange)=\"handleTagChange($event)\"\n (onFileNameChange)=\"handleFileNameChange($event)\"\n (onDocumentPreviewClick)=\"handleDocumentPreviewClick($event)\"\n (aspectRatioChange)=\"onDocAspectRatioChange($event)\"\n ></cai-document-preview>\n }\n </div>\n @if (docCount >= 3 || (isDetailsSlider() && docCount > 1)) {\n <button\n class=\"carousel-button carousel-left\"\n type=\"button\"\n (click)=\"carouselLeft()\"\n [disabled]=\"carouselIndex() === 0\"\n [style.opacity]=\"carouselIndex() === 0 ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-left\" class=\"arrow\"></svg-icon>\n </button>\n <button\n class=\"carousel-button carousel-right\"\n type=\"button\"\n (click)=\"carouselRight()\"\n [disabled]=\"isCarouselAtEnd()\"\n [style.opacity]=\"isCarouselAtEnd() ? '0' : '1'\"\n >\n <svg-icon name=\"cai-arrow-secondary-right\" class=\"arrow\"></svg-icon>\n </button>\n }\n @if (isDetailsSlider() && docCount > 1) {\n <div class=\"sliders\">\n @for (doc of docs(); track $index) {\n <div\n class=\"slider-item\"\n (click)=\"carouselIndex.set($index)\"\n [class.active]=\"$index === carouselIndex()\"\n ></div>\n }\n </div>\n }\n </div>\n }\n }\n</div>\n\n<!-- Skeleton Template -->\n\n<ng-template #skeletonTemplate>\n <div\n class=\"skeleton-container\"\n [ngClass]=\"{\n 'documents-container-grid': isDocumentsMode(),\n 'drawer-position': isDrawerMode(),\n }\"\n >\n @for (item of skeletonItems(); track $index) {\n <div class=\"skeleton-item\">\n <div class=\"skeleton-bar\"></div>\n </div>\n }\n </div>\n</ng-template>\n", styles: [".container.is-documents-mode{width:100%!important;max-width:100%!important}.container.is-documents-mode .drop-zone-container .drop-zone{width:100%!important}.documents-drag-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:10}.is-documents-mode{display:flex;flex-direction:column;gap:0!important;width:100%!important;height:100%!important}.is-documents-mode .drop-zone-container{display:flex;margin-bottom:4px;background-color:#f7f7f7;z-index:20}.is-documents-mode .drop-zone-container .drop-zone{width:100%;height:120px!important;background-color:transparent;outline-color:#dadada;transition:background-color .2s ease-in-out}.is-documents-mode .drop-zone-container .drop-zone:hover{background-color:#fff!important}.is-documents-mode .drop-zone-container .drop-zone .illustration{width:80px;height:80px}.is-documents-mode .drop-zone-container .drop-zone .drop-zone-text .heading{padding-bottom:0}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents{z-index:1000;position:absolute;top:4px;right:4px;width:26px;height:26px;background-color:transparent;padding:4px}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents .cancel-icon{width:18px;height:18px;color:#919191}.is-documents-mode .drop-zone-container .drop-zone .cancel-button-documents:hover .cancel-icon{color:#424242}.is-documents-mode .skeleton-container .skeleton-item{width:100%;height:auto;aspect-ratio:1/1;max-width:100%;min-width:302px;min-height:302px;position:relative;border-radius:3px;background-color:#fff}.is-documents-mode .skeleton-container .skeleton-item .skeleton-bar{position:absolute;bottom:8px;left:8px;right:8px;width:auto;height:26px;background-color:#91919133;animation:skeleton-pulse 1s ease-in-out infinite alternate;border-radius:2px}.is-documents-mode .docs{width:100%!important;position:static!important;overflow:visible!important}.is-documents-mode .docs .doc-container .doc{height:auto!important}.is-documents-mode .docs .carousel-button{display:none}.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(302px,1fr));gap:4px;justify-items:stretch;align-items:start}@media(min-width:801px)and (max-width:1001px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(2,minmax(302px,1fr))}}@media(min-width:1002px)and (max-width:1307px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(3,minmax(302px,1fr))}}@media(min-width:1308px)and (max-width:1613px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(4,minmax(302px,1fr))}}@media(min-width:1614px)and (max-width:1920px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(5,minmax(302px,1fr))}}@media(min-width:1921px)and (max-width:2227px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(6,minmax(302px,1fr))}}@media(min-width:2228px){.is-documents-mode .doc-container.documents-container-grid,.is-documents-mode .skeleton-container.documents-container-grid{grid-template-columns:repeat(auto-fit,minmax(302px,1fr))}}@keyframes skeleton-pulse{0%{background-color:#91919133}to{background-color:#91919120}}.cropper-overlay{display:flex;justify-content:center;flex-direction:column;background-color:#fff;align-items:center;z-index:2000;gap:4px;opacity:1;top:0;left:0;position:absolute;width:100%;height:100%}.cropper-overlay .img-cropper{width:100%;height:178px;padding:0}.cropper-overlay .img-cropper.snapback-animate ::ng-deep .ngx-ic-source-image{transition:transform .22s cubic-bezier(.22,1,.36,1)}.cropper-overlay .lower-part{display:flex;place-items:center;align-items:center;margin-left:3px;margin-right:3px;width:100%;gap:12px}.cropper-overlay .lower-part .range{width:100%;height:22px;display:flex;align-items:center}.cropper-overlay .lower-part .range input[type=range]{width:100%}.cropper-overlay .lower-part .range input[type=range]{-webkit-appearance:none;appearance:none;border-radius:2px;--range-active-color: #6692f1;--range-progress: 50%;background:transparent;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons{display:flex;justify-content:start;gap:6px}.cropper-overlay .lower-part .cropper-buttons .cancel-button,.cropper-overlay .lower-part .cropper-buttons .submit-button{padding:4px;width:80px;font-size:14px;border-radius:2px;text-transform:uppercase;line-height:14px;font-weight:700;font-size:11px;cursor:pointer}.cropper-overlay .lower-part .cropper-buttons .cancel-button{background-color:#eee;color:#6c6c6c;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .cancel-button:hover{background-color:#424242;color:#fff}.cropper-overlay .lower-part .cropper-buttons .cancel-button:active{background-color:#1d1d1d;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button{background-color:#3b73ed;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out}.cropper-overlay .lower-part .cropper-buttons .submit-button:hover{background-color:#0b49d1;color:#fff}.cropper-overlay .lower-part .cropper-buttons .submit-button:active{background-color:#00179e;color:#fff}.cropper-loader{position:absolute;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#fff;width:100%;height:100%}.cropper-loader .spinner{width:48px;height:48px;border:5px solid rgba(145,145,145,.2);border-top:5px solid #3b73ed;border-radius:50%;animation:spin 1s linear infinite}.hasCropper{height:204px!important;position:relative}input[type=range]:hover{--range-active-color: $color-blue-500}input[type=range]:active{--range-active-color: $color-blue-700}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;background-color:#fff;height:20px;width:30px;box-shadow:0 0 4px #00000026;background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb.svg);background-repeat:no-repeat;background-position:center;background-size:14px 18px;border-radius:2px;transition:background-color .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-active-color) 0%,var(--range-active-color) var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%);height:6px;transition:background .3s ease-in-out}input[type=range]:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b73ed 0%,#3b73ed var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:active::-webkit-slider-runnable-track{background:linear-gradient(to right,#0b49d1 0%,#0b49d1 var(--range-progress),#eeeeee var(--range-progress),#eeeeee 100%)}input[type=range]:hover::-webkit-slider-thumb{cursor:grab}input[type=range]:active::-webkit-slider-thumb{background-image:url(/assets/carriera-intern/icons/interaction/cai-thumb-active.svg);cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}p{margin-bottom:0}svg-icon{display:flex;align-items:center;justify-content:center}button{border:none!important;outline:none!important}.illustration{width:100px;height:100px}.container{display:flex;gap:6px;position:relative;padding-left:0!important;padding-right:0!important;margin:0!important}.container.picture-container{gap:8px}.container.smallContainer{width:456px!important}.container.largeContainer{width:616px!important}.docs{flex-shrink:0;height:100%;overflow:hidden;position:relative;border-radius:2px}.smallContainer .docs{max-width:302px!important}.smallContainer .docs .doc-container{display:flex;gap:6px;transition:transform .2s ease-out}.largeContainer .docs{max-width:460px!important}.largeContainer .docs .doc-container{display:flex;gap:8px;transition:transform .2s ease-out}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);border:none;outline:none;width:24px;height:32px;background-color:#ffffffb2;border-radius:2px;box-shadow:0 0 5px #0000004d;cursor:pointer;display:grid;place-items:center;padding:0}.drop-zone-input{display:none}.carousel-left{left:4px}.carousel-right{right:4px}.arrow{width:18px;height:18px;color:#0000004d}.doc{flex:0 0 148px;height:178px;display:flex;background-color:#eee;border-radius:2px}.drop-zone-container{position:relative;flex:1 0 auto}.drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:row;outline:4px dashed #eeeeee;border-radius:2px;padding:35px 0;margin:4px;gap:10px;cursor:pointer;transition:background-color .2s ease-in-out}.drop-zone:hover{background-color:#eee}.drop-zone-text{-webkit-user-select:none;user-select:none;text-align:center}.drop-zone-text .heading{color:#424242;font-size:14px;line-height:18px;font-weight:700;padding-bottom:4px}.drop-zone-text .heading .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .invalid{color:#df3c3c}.drop-zone-text .subtext{color:#424242;font-size:11px;line-height:14px;font-weight:600}.drop-zone-text .subtext .line{display:block;width:fit-content;margin:0 auto}.drop-zone-text .media-subtext{margin-top:4px;color:#919191;font-size:11px;line-height:14px;font-weight:500}.smallView{width:173px!important}.smallView .drop-zone{flex-direction:column!important;padding:20px 0;width:173px;height:170px}.smallView .drop-zone .drop-zone-text .heading{line-height:18px;padding-bottom:0!important}.smallView .drop-zone .drop-zone-text .subtext{line-height:14px;margin-bottom:0!important}.smallView .illustration{width:80px;height:80px}.text-white-50{color:#fff}.text-white-100{color:#f7f7f7}.text-white-200{color:#eee}.text-white-300{color:#e5e5e5}.text-white-500{color:#dadada}.text-white-500\\/20{color:#dadada33}.text-white-500\\/40{color:#dadada66}.text-white-500\\/70{color:#dadadab3}.text-white-700{color:#ccc}.text-black-50{color:#aaa}.text-black-100{color:#919191}.text-black-200{color:#6c6c6c}.text-black-300{color:#424242}.text-black-500{color:#2f2f2f}.text-black-500\\/20{color:#2f2f2f33}.text-black-500\\/40{color:#2f2f2f66}.text-black-500\\/70{color:#2f2f2fb3}.text-black-700{color:#1d1d1d}.text-blue-50{color:#e9effd}.text-blue-100{color:#bed0f9}.text-blue-200{color:#92b1f5}.text-blue-300{color:#6692f1}.text-blue-500{color:#3b73ed}.text-blue-500\\/20{color:#3b73ed33}.text-blue-500\\/40{color:#3b73ed66}.text-blue-500\\/70{color:#3b73edb3}.text-blue-700{color:#0b49d1}.text-blue-900{color:#00179e}.text-red-50{color:#fbe9e9}.text-red-100{color:#f4bebe}.text-red-200{color:#ed9292}.text-red-300{color:#e66767}.text-red-500{color:#df3c3c}.text-red-500\\/20{color:#df3c3c33}.text-red-500\\/40{color:#df3c3c66}.text-red-500\\/70{color:#df3c3cb3}.text-red-700{color:#c20c0c}.text-green-50{color:#e7f4f3}.text-green-100{color:#b6dfdb}.text-green-200{color:#86c9c3}.text-green-300{color:#56b4ac}.text-green-500{color:#259f94}.text-green-500\\/20{color:#259f9433}.text-green-500\\/40{color:#259f9466}.text-green-500\\/70{color:#259f94b3}.text-green-700{color:#007a6e}.text-yellow-50{color:#fef4e8}.text-yellow-100{color:#fddeb9}.text-yellow-200{color:#fbc88b}.text-yellow-300{color:#fab15c}.text-yellow-500{color:#f89b2e}.text-yellow-500\\/20{color:#f89b2e33}.text-yellow-500\\/40{color:#f89b2e66}.text-yellow-500\\/70{color:#f89b2eb3}.text-yellow-700{color:#de7700}.text-purple-50{color:#f4ebfd}.text-purple-100{color:#dfc2f9}.text-purple-200{color:#c999f4}.text-purple-300{color:#b370f0}.text-purple-500{color:#9e47ec}.text-purple-500\\/20{color:#9e47ec33}.text-purple-500\\/40{color:#9e47ec66}.text-purple-500\\/70{color:#9e47ecb3}.text-purple-700{color:#7919d0}.text-orange-50{color:#ffefea}.text-orange-100{color:#ffcfc0}.text-orange-200{color:#ffb097}.text-orange-300{color:#ff906d}.text-orange-500{color:#ff7043}.text-orange-500\\/20{color:#ff704333}.text-orange-500\\/40{color:#ff704366}.text-orange-500\\/70{color:#ff7043b3}.text-orange-700{color:#e54715}.text-azure-50{color:#e5f7fc}.text-azure-100{color:#b2e6f7}.text-azure-200{color:#80d6f1}.text-azure-300{color:#4dc5eb}.text-azure-500{color:#1ab5e6}.text-azure-500\\/20{color:#1ab5e633}.text-azure-500\\/40{color:#1ab5e666}.text-azure-500\\/70{color:#1ab5e6b3}.text-azure-700{color:#0093c9}.text-gold-50{color:#faf3e6}.text-gold-100{color:#efdcb4}.text-gold-200{color:#e4c481}.text-gold-300{color:#daad4f}.text-gold-500{color:#cf961d}.text-gold-500\\/20{color:#cf961d33}.text-gold-500\\/40{color:#cf961d66}.text-gold-500\\/70{color:#cf961db3}.text-gold-700{color:#b07000}.text-brown-50{color:#f1ede9}.text-brown-100{color:#d6c9bd}.text-brown-200{color:#bca691}.text-brown-300{color:#a08266}.text-brown-500{color:#865e3a}.text-brown-500\\/20{color:#865e3a33}.text-brown-500\\/40{color:#865e3a66}.text-brown-500\\/70{color:#865e3ab3}.text-brown-700{color:#5f330a}.text-navy-50{color:#e7e7fa}.text-navy-100{color:#b7b6f1}.text-navy-200{color:#8785e8}.text-navy-300{color:#5755df}.text-navy-500{color:#2724d6}.text-navy-500\\/20{color:#2724d633}.text-navy-500\\/40{color:#2724d666}.text-navy-500\\/70{color:#2724d6b3}.text-navy-700{color:#0000b8}.text-lime-50{color:#ecf6e7}.text-lime-100{color:#c5e3b6}.text-lime-200{color:#9ed186}.text-lime-300{color:#77bf56}.text-lime-500{color:#50ac25}.text-lime-500\\/20{color:#50ac2533}.text-lime-500\\/40{color:#50ac2566}.text-lime-500\\/70{color:#50ac25b3}.text-lime-700{color:#238900}.text-magenta-50{color:#fbe9f1}.text-magenta-100{color:#f4bed6}.text-magenta-200{color:#ed93bb}.text-magenta-300{color:#e668a0}.text-magenta-500{color:#df3d85}.text-magenta-500\\/20{color:#df3d8533}.text-magenta-500\\/40{color:#df3d8566}.text-magenta-500\\/70{color:#df3d85b3}.text-magenta-700{color:#c10d5d}.bg-white-50{background-color:#fff}.bg-white-100{background-color:#f7f7f7}.bg-white-200{background-color:#eee}.bg-white-300{background-color:#e5e5e5}.bg-white-500{background-color:#dadada}.bg-white-500\\/20{background-color:#dadada33}.bg-white-500\\/40{background-color:#dadada66}.bg-white-500\\/70{background-color:#dadadab3}.bg-white-700{background-color:#ccc}.bg-black-50{background-color:#aaa}.bg-black-100{background-color:#919191}.bg-black-200{background-color:#6c6c6c}.bg-black-300{background-color:#424242}.bg-black-500{background-color:#2f2f2f}.bg-black-500\\/20{background-color:#2f2f2f33}.bg-black-500\\/40{background-color:#2f2f2f66}.bg-black-500\\/70{background-color:#2f2f2fb3}.bg-black-700{background-color:#1d1d1d}.bg-blue-50{background-color:#e9effd}.bg-blue-100{background-color:#bed0f9}.bg-blue-200{background-color:#92b1f5}.bg-blue-300{background-color:#6692f1}.bg-blue-500{background-color:#3b73ed}.bg-blue-500\\/20{background-color:#3b73ed33}.bg-blue-500\\/40{background-color:#3b73ed66}.bg-blue-500\\/70{background-color:#3b73edb3}.bg-blue-700{background-color:#0b49d1}.bg-blue-900{background-color:#00179e}.bg-red-50{background-color:#fbe9e9}.bg-red-100{background-color:#f4bebe}.bg-red-200{background-color:#ed9292}.bg-red-300{background-color:#e66767}.bg-red-500{background-color:#df3c3c}.bg-red-500\\/20{background-color:#df3c3c33}.bg-red-500\\/40{background-color:#df3c3c66}.bg-red-500\\/70{background-color:#df3c3cb3}.bg-red-700{background-color:#c20c0c}.bg-green-50{background-color:#e7f4f3}.bg-green-100{background-color:#b6dfdb}.bg-green-200{background-color:#86c9c3}.bg-green-300{background-color:#56b4ac}.bg-green-500{background-color:#259f94}.bg-green-500\\/20{background-color:#259f9433}.bg-green-500\\/40{background-color:#259f9466}.bg-green-500\\/70{background-color:#259f94b3}.bg-green-700{background-color:#007a6e}.bg-yellow-50{background-color:#fef4e8}.bg-yellow-100{background-color:#fddeb9}.bg-yellow-200{background-color:#fbc88b}.bg-yellow-300{background-color:#fab15c}.bg-yellow-500{background-color:#f89b2e}.bg-yellow-500\\/20{background-color:#f89b2e33}.bg-yellow-500\\/40{background-color:#f89b2e66}.bg-yellow-500\\/70{background-color:#f89b2eb3}.bg-yellow-700{background-color:#de7700}.bg-purple-50{background-color:#f4ebfd}.bg-purple-100{background-color:#dfc2f9}.bg-purple-200{background-color:#c999f4}.bg-purple-300{background-color:#b370f0}.bg-purple-500{background-color:#9e47ec}.bg-purple-500\\/20{background-color:#9e47ec33}.bg-purple-500\\/40{background-color:#9e47ec66}.bg-purple-500\\/70{background-color:#9e47ecb3}.bg-purple-700{background-color:#7919d0}.bg-orange-50{background-color:#ffefea}.bg-orange-100{background-color:#ffcfc0}.bg-orange-200{background-color:#ffb097}.bg-orange-300{background-color:#ff906d}.bg-orange-500{background-color:#ff7043}.bg-orange-500\\/20{background-color:#ff704333}.bg-orange-500\\/40{background-color:#ff704366}.bg-orange-500\\/70{background-color:#ff7043b3}.bg-orange-700{background-color:#e54715}.bg-azure-50{background-color:#e5f7fc}.bg-azure-100{background-color:#b2e6f7}.bg-azure-200{background-color:#80d6f1}.bg-azure-300{background-color:#4dc5eb}.bg-azure-500{background-color:#1ab5e6}.bg-azure-500\\/20{background-color:#1ab5e633}.bg-azure-500\\/40{background-color:#1ab5e666}.bg-azure-500\\/70{background-color:#1ab5e6b3}.bg-azure-700{background-color:#0093c9}.bg-gold-50{background-color:#faf3e6}.bg-gold-100{background-color:#efdcb4}.bg-gold-200{background-color:#e4c481}.bg-gold-300{background-color:#daad4f}.bg-gold-500{background-color:#cf961d}.bg-gold-500\\/20{background-color:#cf961d33}.bg-gold-500\\/40{background-color:#cf961d66}.bg-gold-500\\/70{background-color:#cf961db3}.bg-gold-700{background-color:#b07000}.bg-brown-50{background-color:#f1ede9}.bg-brown-100{background-color:#d6c9bd}.bg-brown-200{background-color:#bca691}.bg-brown-300{background-color:#a08266}.bg-brown-500{background-color:#865e3a}.bg-brown-500\\/20{background-color:#865e3a33}.bg-brown-500\\/40{background-color:#865e3a66}.bg-brown-500\\/70{background-color:#865e3ab3}.bg-brown-700{background-color:#5f330a}.bg-navy-50{background-color:#e7e7fa}.bg-navy-100{background-color:#b7b6f1}.bg-navy-200{background-color:#8785e8}.bg-navy-300{background-color:#5755df}.bg-navy-500{background-color:#2724d6}.bg-navy-500\\/20{background-color:#2724d633}.bg-navy-500\\/40{background-color:#2724d666}.bg-navy-500\\/70{background-color:#2724d6b3}.bg-navy-700{background-color:#0000b8}.bg-lime-50{background-color:#ecf6e7}.bg-lime-100{background-color:#c5e3b6}.bg-lime-200{background-color:#9ed186}.bg-lime-300{background-color:#77bf56}.bg-lime-500{background-color:#50ac25}.bg-lime-500\\/20{background-color:#50ac2533}.bg-lime-500\\/40{background-color:#50ac2566}.bg-lime-500\\/70{background-color:#50ac25b3}.bg-lime-700{background-color:#238900}.bg-magenta-50{background-color:#fbe9f1}.bg-magenta-100{background-color:#f4bed6}.bg-magenta-200{background-color:#ed93bb}.bg-magenta-300{background-color:#e668a0}.bg-magenta-500{background-color:#df3d85}.bg-magenta-500\\/20{background-color:#df3d8533}.bg-magenta-500\\/40{background-color:#df3d8566}.bg-magenta-500\\/70{background-color:#df3d85b3}.bg-magenta-700{background-color:#c10d5d}.border-white-50{border-color:#fff}.border-white-100{border-color:#f7f7f7}.border-white-200{border-color:#eee}.border-white-300{border-color:#e5e5e5}.border-white-500{border-color:#dadada}.border-white-500\\/20{border-color:#dadada33}.border-white-500\\/40{border-color:#dadada66}.border-white-500\\/70{border-color:#dadadab3}.border-white-700{border-color:#ccc}.border-black-50{border-color:#aaa}.border-black-100{border-color:#919191}.border-black-200{border-color:#6c6c6c}.border-black-300{border-color:#424242}.border-black-500{border-color:#2f2f2f}.border-black-500\\/20{border-color:#2f2f2f33}.border-black-500\\/40{border-color:#2f2f2f66}.border-black-500\\/70{border-color:#2f2f2fb3}.border-black-700{border-color:#1d1d1d}.border-blue-50{border-color:#e9effd}.border-blue-100{border-color:#bed0f9}.border-blue-200{border-color:#92b1f5}.border-blue-300{border-color:#6692f1}.border-blue-500{border-color:#3b73ed}.border-blue-500\\/20{border-color:#3b73ed33}.border-blue-500\\/40{border-color:#3b73ed66}.border-blue-500\\/70{border-color:#3b73edb3}.border-blue-700{border-color:#0b49d1}.border-blue-900{border-color:#00179e}.border-red-50{border-color:#fbe9e9}.border-red-100{border-color:#f4bebe}.border-red-200{border-color:#ed9292}.border-red-300{border-color:#e66767}.border-red-500{border-color:#df3c3c}.border-red-500\\/20{border-color:#df3c3c33}.border-red-500\\/40{border-color:#df3c3c66}.border-red-500\\/70{border-color:#df3c3cb3}.border-red-700{border-color:#c20c0c}.border-green-50{border-color:#e7f4f3}.border-green-100{border-color:#b6dfdb}.border-green-200{border-color:#86c9c3}.border-green-300{border-color:#56b4ac}.border-green-500{border-color:#259f94}.border-green-500\\/20{border-color:#259f9433}.border-green-500\\/40{border-color:#259f9466}.border-green-500\\/70{border-color:#259f94b3}.border-green-700{border-color:#007a6e}.border-yellow-50{border-color:#fef4e8}.border-yellow-100{border-color:#fddeb9}.border-yellow-200{border-color:#fbc88b}.border-yellow-300{border-color:#fab15c}.border-yellow-500{border-color:#f89b2e}.border-yellow-500\\/20{border-color:#f89b2e33}.border-yellow-500\\/40{border-color:#f89b2e66}.border-yellow-500\\/70{border-color:#f89b2eb3}.border-yellow-700{border-color:#de7700}.border-purple-50{border-color:#f4ebfd}.border-purple-100{border-color:#dfc2f9}.border-purple-200{border-color:#c999f4}.border-purple-300{border-color:#b370f0}.border-purple-500{border-color:#9e47ec}.border-purple-500\\/20{border-color:#9e47ec33}.border-purple-500\\/40{border-color:#9e47ec66}.border-purple-500\\/70{border-color:#9e47ecb3}.border-purple-700{border-color:#7919d0}.border-orange-50{border-color:#ffefea}.border-orange-100{border-color:#ffcfc0}.border-orange-200{border-color:#ffb097}.border-orange-300{border-color:#ff906d}.border-orange-500{border-color:#ff7043}.border-orange-500\\/20{border-color:#ff704333}.border-orange-500\\/40{border-color:#ff704366}.border-orange-500\\/70{border-color:#ff7043b3}.border-orange-700{border-color:#e54715}.border-azure-50{border-color:#e5f7fc}.border-azure-100{border-color:#b2e6f7}.border-azure-200{border-color:#80d6f1}.border-azure-300{border-color:#4dc5eb}.border-azure-500{border-color:#1ab5e6}.border-azure-500\\/20{border-color:#1ab5e633}.border-azure-500\\/40{border-color:#1ab5e666}.border-azure-500\\/70{border-color:#1ab5e6b3}.border-azure-700{border-color:#0093c9}.border-gold-50{border-color:#faf3e6}.border-gold-100{border-color:#efdcb4}.border-gold-200{border-color:#e4c481}.border-gold-300{border-color:#daad4f}.border-gold-500{border-color:#cf961d}.border-gold-500\\/20{border-color:#cf961d33}.border-gold-500\\/40{border-color:#cf961d66}.border-gold-500\\/70{border-color:#cf961db3}.border-gold-700{border-color:#b07000}.border-brown-50{border-color:#f1ede9}.border-brown-100{border-color:#d6c9bd}.border-brown-200{border-color:#bca691}.border-brown-300{border-color:#a08266}.border-brown-500{border-color:#865e3a}.border-brown-500\\/20{border-color:#865e3a33}.border-brown-500\\/40{border-color:#865e3a66}.border-brown-500\\/70{border-color:#865e3ab3}.border-brown-700{border-color:#5f330a}.border-navy-50{border-color:#e7e7fa}.border-navy-100{border-color:#b7b6f1}.border-navy-200{border-color:#8785e8}.border-navy-300{border-color:#5755df}.border-navy-500{border-color:#2724d6}.border-navy-500\\/20{border-color:#2724d633}.border-navy-500\\/40{border-color:#2724d666}.border-navy-500\\/70{border-color:#2724d6b3}.border-navy-700{border-color:#0000b8}.border-lime-50{border-color:#ecf6e7}.border-lime-100{border-color:#c5e3b6}.border-lime-200{border-color:#9ed186}.border-lime-300{border-color:#77bf56}.border-lime-500{border-color:#50ac25}.border-lime-500\\/20{border-color:#50ac2533}.border-lime-500\\/40{border-color:#50ac2566}.border-lime-500\\/70{border-color:#50ac25b3}.border-lime-700{border-color:#238900}.border-magenta-50{border-color:#fbe9f1}.border-magenta-100{border-color:#f4bed6}.border-magenta-200{border-color:#ed93bb}.border-magenta-300{border-color:#e668a0}.border-magenta-500{border-color:#df3d85}.border-magenta-500\\/20{border-color:#df3d8533}.border-magenta-500\\/40{border-color:#df3d8566}.border-magenta-500\\/70{border-color:#df3d85b3}.border-magenta-700{border-color:#c10d5d}.fill-white-50{fill:#fff}.fill-white-100{fill:#f7f7f7}.fill-white-200{fill:#eee}.fill-white-300{fill:#e5e5e5}.fill-white-500{fill:#dadada}.fill-white-500\\/20{fill:#dadada33}.fill-white-500\\/40{fill:#dadada66}.fill-white-500\\/70{fill:#dadadab3}.fill-white-700{fill:#ccc}.fill-black-50{fill:#aaa}.fill-black-100{fill:#919191}.fill-black-200{fill:#6c6c6c}.fill-black-300{fill:#424242}.fill-black-500{fill:#2f2f2f}.fill-black-500\\/20{fill:#2f2f2f33}.fill-black-500\\/40{fill:#2f2f2f66}.fill-black-500\\/70{fill:#2f2f2fb3}.fill-black-700{fill:#1d1d1d}.fill-blue-50{fill:#e9effd}.fill-blue-100{fill:#bed0f9}.fill-blue-200{fill:#92b1f5}.fill-blue-300{fill:#6692f1}.fill-blue-500{fill:#3b73ed}.fill-blue-500\\/20{fill:#3b73ed33}.fill-blue-500\\/40{fill:#3b73ed66}.fill-blue-500\\/70{fill:#3b73edb3}.fill-blue-700{fill:#0b49d1}.fill-blue-900{fill:#00179e}.fill-red-50{fill:#fbe9e9}.fill-red-100{fill:#f4bebe}.fill-red-200{fill:#ed9292}.fill-red-300{fill:#e66767}.fill-red-500{fill:#df3c3c}.fill-red-500\\/20{fill:#df3c3c33}.fill-red-500\\/40{fill:#df3c3c66}.fill-red-500\\/70{fill:#df3c3cb3}.fill-red-700{fill:#c20c0c}.fill-green-50{fill:#e7f4f3}.fill-green-100{fill:#b6dfdb}.fill-green-200{fill:#86c9c3}.fill-green-300{fill:#56b4ac}.fill-green-500{fill:#259f94}.fill-green-500\\/20{fill:#259f9433}.fill-green-500\\/40{fill:#259f9466}.fill-green-500\\/70{fill:#259f94b3}.fill-green-700{fill:#007a6e}.fill-yellow-50{fill:#fef4e8}.fill-yellow-100{fill:#fddeb9}.fill-yellow-200{fill:#fbc88b}.fill-yellow-300{fill:#fab15c}.fill-yellow-500{fill:#f89b2e}.fill-yellow-500\\/20{fill:#f89b2e33}.fill-yellow-500\\/40{fill:#f89b2e66}.fill-yellow-500\\/70{fill:#f89b2eb3}.fill-yellow-700{fill:#de7700}.fill-purple-50{fill:#f4ebfd}.fill-purple-100{fill:#dfc2f9}.fill-purple-200{fill:#c999f4}.fill-purple-300{fill:#b370f0}.fill-purple-500{fill:#9e47ec}.fill-purple-500\\/20{fill:#9e47ec33}.fill-purple-500\\/40{fill:#9e47ec66}.fill-purple-500\\/70{fill:#9e47ecb3}.fill-purple-700{fill:#7919d0}.fill-orange-50{fill:#ffefea}.fill-orange-100{fill:#ffcfc0}.fill-orange-200{fill:#ffb097}.fill-orange-300{fill:#ff906d}.fill-orange-500{fill:#ff7043}.fill-orange-500\\/20{fill:#ff704333}.fill-orange-500\\/40{fill:#ff704366}.fill-orange-500\\/70{fill:#ff7043b3}.fill-orange-700{fill:#e54715}.fill-azure-50{fill:#e5f7fc}.fill-azure-100{fill:#b2e6f7}.fill-azure-200{fill:#80d6f1}.fill-azure-300{fill:#4dc5eb}.fill-azure-500{fill:#1ab5e6}.fill-azure-500\\/20{fill:#1ab5e633}.fill-azure-500\\/40{fill:#1ab5e666}.fill-azure-500\\/70{fill:#1ab5e6b3}.fill-azure-700{fill:#0093c9}.fill-gold-50{fill:#faf3e6}.fill-gold-100{fill:#efdcb4}.fill-gold-200{fill:#e4c481}.fill-gold-300{fill:#daad4f}.fill-gold-500{fill:#cf961d}.fill-gold-500\\/20{fill:#cf961d33}.fill-gold-500\\/40{fill:#cf961d66}.fill-gold-500\\/70{fill:#cf961db3}.fill-gold-700{fill:#b07000}.fill-brown-50{fill:#f1ede9}.fill-brown-100{fill:#d6c9bd}.fill-brown-200{fill:#bca691}.fill-brown-300{fill:#a08266}.fill-brown-500{fill:#865e3a}.fill-brown-500\\/20{fill:#865e3a33}.fill-brown-500\\/40{fill:#865e3a66}.fill-brown-500\\/70{fill:#865e3ab3}.fill-brown-700{fill:#5f330a}.fill-navy-50{fill:#e7e7fa}.fill-navy-100{fill:#b7b6f1}.fill-navy-200{fill:#8785e8}.fill-navy-300{fill:#5755df}.fill-navy-500{fill:#2724d6}.fill-navy-500\\/20{fill:#2724d633}.fill-navy-500\\/40{fill:#2724d666}.fill-navy-500\\/70{fill:#2724d6b3}.fill-navy-700{fill:#0000b8}.fill-lime-50{fill:#ecf6e7}.fill-lime-100{fill:#c5e3b6}.fill-lime-200{fill:#9ed186}.fill-lime-300{fill:#77bf56}.fill-lime-500{fill:#50ac25}.fill-lime-500\\/20{fill:#50ac2533}.fill-lime-500\\/40{fill:#50ac2566}.fill-lime-500\\/70{fill:#50ac25b3}.fill-lime-700{fill:#238900}.fill-magenta-50{fill:#fbe9f1}.fill-magenta-100{fill:#f4bed6}.fill-magenta-200{fill:#ed93bb}.fill-magenta-300{fill:#e668a0}.fill-magenta-500{fill:#df3d85}.fill-magenta-500\\/20{fill:#df3d8533}.fill-magenta-500\\/40{fill:#df3d8566}.fill-magenta-500\\/70{fill:#df3d85b3}.fill-magenta-700{fill:#c10d5d}.stroke-white-50{stroke:#fff}.stroke-white-100{stroke:#f7f7f7}.stroke-white-200{stroke:#eee}.stroke-white-300{stroke:#e5e5e5}.stroke-white-500{stroke:#dadada}.stroke-white-500\\/20{stroke:#dadada33}.stroke-white-500\\/40{stroke:#dadada66}.stroke-white-500\\/70{stroke:#dadadab3}.stroke-white-700{stroke:#ccc}.stroke-black-50{stroke:#aaa}.stroke-black-100{stroke:#919191}.stroke-black-200{stroke:#6c6c6c}.stroke-black-300{stroke:#424242}.stroke-black-500{stroke:#2f2f2f}.stroke-black-500\\/20{stroke:#2f2f2f33}.stroke-black-500\\/40{stroke:#2f2f2f66}.stroke-black-500\\/70{stroke:#2f2f2fb3}.stroke-black-700{stroke:#1d1d1d}.stroke-blue-50{stroke:#e9effd}.stroke-blue-100{stroke:#bed0f9}.stroke-blue-200{stroke:#92b1f5}.stroke-blue-300{stroke:#6692f1}.stroke-blue-500{stroke:#3b73ed}.stroke-blue-500\\/20{stroke:#3b73ed33}.stroke-blue-500\\/40{stroke:#3b73ed66}.stroke-blue-500\\/70{stroke:#3b73edb3}.stroke-blue-700{stroke:#0b49d1}.stroke-blue-900{stroke:#00179e}.stroke-red-50{stroke:#fbe9e9}.stroke-red-100{stroke:#f4bebe}.stroke-red-200{stroke:#ed9292}.stroke-red-300{stroke:#e66767}.stroke-red-500{stroke:#df3c3c}.stroke-red-500\\/20{stroke:#df3c3c33}.stroke-red-500\\/40{stroke:#df3c3c66}.stroke-red-500\\/70{stroke:#df3c3cb3}.stroke-red-700{stroke:#c20c0c}.stroke-green-50{stroke:#e7f4f3}.stroke-green-100{stroke:#b6dfdb}.stroke-green-200{stroke:#86c9c3}.stroke-green-300{stroke:#56b4ac}.stroke-green-500{stroke:#259f94}.stroke-green-500\\/20{stroke:#259f9433}.stroke-green-500\\/40{stroke:#259f9466}.stroke-green-500\\/70{stroke:#259f94b3}.stroke-green-700{stroke:#007a6e}.stroke-yellow-50{stroke:#fef4e8}.stroke-yellow-100{stroke:#fddeb9}.stroke-yellow-200{stroke:#fbc88b}.stroke-yellow-300{stroke:#fab15c}.stroke-yellow-500{stroke:#f89b2e}.stroke-yellow-500\\/20{stroke:#f89b2e33}.stroke-yellow-500\\/40{stroke:#f89b2e66}.stroke-yellow-500\\/70{stroke:#f89b2eb3}.stroke-yellow-700{stroke:#de7700}.stroke-purple-50{stroke:#f4ebfd}.stroke-purple-100{stroke:#dfc2f9}.stroke-purple-200{stroke:#c999f4}.stroke-purple-300{stroke:#b370f0}.stroke-purple-500{stroke:#9e47ec}.stroke-purple-500\\/20{stroke:#9e47ec33}.stroke-purple-500\\/40{stroke:#9e47ec66}.stroke-purple-500\\/70{stroke:#9e47ecb3}.stroke-purple-700{stroke:#7919d0}.stroke-orange-50{stroke:#ffefea}.stroke-orange-100{stroke:#ffcfc0}.stroke-orange-200{stroke:#ffb097}.stroke-orange-300{stroke:#ff906d}.stroke-orange-500{stroke:#ff7043}.stroke-orange-500\\/20{stroke:#ff704333}.stroke-orange-500\\/40{stroke:#ff704366}.stroke-orange-500\\/70{stroke:#ff7043b3}.stroke-orange-700{stroke:#e54715}.stroke-azure-50{stroke:#e5f7fc}.stroke-azure-100{stroke:#b2e6f7}.stroke-azure-200{stroke:#80d6f1}.stroke-azure-300{stroke:#4dc5eb}.stroke-azure-500{stroke:#1ab5e6}.stroke-azure-500\\/20{stroke:#1ab5e633}.stroke-azure-500\\/40{stroke:#1ab5e666}.stroke-azure-500\\/70{stroke:#1ab5e6b3}.stroke-azure-700{stroke:#0093c9}.stroke-gold-50{stroke:#faf3e6}.stroke-gold-100{stroke:#efdcb4}.stroke-gold-200{stroke:#e4c481}.stroke-gold-300{stroke:#daad4f}.stroke-gold-500{stroke:#cf961d}.stroke-gold-500\\/20{stroke:#cf961d33}.stroke-gold-500\\/40{stroke:#cf961d66}.stroke-gold-500\\/70{stroke:#cf961db3}.stroke-gold-700{stroke:#b07000}.stroke-brown-50{stroke:#f1ede9}.stroke-brown-100{stroke:#d6c9bd}.stroke-brown-200{stroke:#bca691}.stroke-brown-300{stroke:#a08266}.stroke-brown-500{stroke:#865e3a}.stroke-brown-500\\/20{stroke:#865e3a33}.stroke-brown-500\\/40{stroke:#865e3a66}.stroke-brown-500\\/70{stroke:#865e3ab3}.stroke-brown-700{stroke:#5f330a}.stroke-navy-50{stroke:#e7e7fa}.stroke-navy-100{stroke:#b7b6f1}.stroke-navy-200{stroke:#8785e8}.stroke-navy-300{stroke:#5755df}.stroke-navy-500{stroke:#2724d6}.stroke-navy-500\\/20{stroke:#2724d633}.stroke-navy-500\\/40{stroke:#2724d666}.stroke-navy-500\\/70{stroke:#2724d6b3}.stroke-navy-700{stroke:#0000b8}.stroke-lime-50{stroke:#ecf6e7}.stroke-lime-100{stroke:#c5e3b6}.stroke-lime-200{stroke:#9ed186}.stroke-lime-300{stroke:#77bf56}.stroke-lime-500{stroke:#50ac25}.stroke-lime-500\\/20{stroke:#50ac2533}.stroke-lime-500\\/40{stroke:#50ac2566}.stroke-lime-500\\/70{stroke:#50ac25b3}.stroke-lime-700{stroke:#238900}.stroke-magenta-50{stroke:#fbe9f1}.stroke-magenta-100{stroke:#f4bed6}.stroke-magenta-200{stroke:#ed93bb}.stroke-magenta-300{stroke:#e668a0}.stroke-magenta-500{stroke:#df3d85}.stroke-magenta-500\\/20{stroke:#df3d8533}.stroke-magenta-500\\/40{stroke:#df3d8566}.stroke-magenta-500\\/70{stroke:#df3d85b3}.stroke-magenta-700{stroke:#c10d5d}.hover\\:text-white-50:hover{color:#fff}.hover\\:text-white-100:hover{color:#f7f7f7}.hover\\:text-white-200:hover{color:#eee}.hover\\:text-white-300:hover{color:#e5e5e5}.hover\\:text-white-500:hover{color:#dadada}.hover\\:text-white-500:hover\\/20{color:#dadada33}.hover\\:text-white-500:hover\\/40{color:#dadada66}.hover\\:text-white-500:hover\\/70{color:#dadadab3}.hover\\:text-white-700:hover{color:#ccc}.hover\\:text-black-50:hover{color:#aaa}.hover\\:text-black-100:hover{color:#919191}.hover\\:text-black-200:hover{color:#6c6c6c}.hover\\:text-black-300:hover{color:#424242}.hover\\:text-black-500:hover{color:#2f2f2f}.hover\\:text-black-500:hover\\/20{color:#2f2f2f33}.hover\\:text-black-500:hover\\/40{color:#2f2f2f66}.hover\\:text-black-500:hover\\/70{color:#2f2f2fb3}.hover\\:text-black-700:hover{color:#1d1d1d}.hover\\:text-blue-50:hover{color:#e9effd}.hover\\:text-blue-100:hover{color:#bed0f9}.hover\\:text-blue-200:hover{color:#92b1f5}.hover\\:text-blue-300:hover{color:#6692f1}.hover\\:text-blue-500:hover{color:#3b73ed}.hover\\:text-blue-500:hover\\/20{color:#3b73ed33}.hover\\:text-blue-500:hover\\/40{color:#3b73ed66}.hover\\:text-blue-500:hover\\/70{color:#3b73edb3}.hover\\:text-blue-700:hover{color:#0b49d1}.hover\\:text-blue-900:hover{color:#00179e}.hover\\:text-red-50:hover{color:#fbe9e9}.hover\\:text-red-100:hover{color:#f4bebe}.hover\\:text-red-200:hover{color:#ed9292}.hover\\:text-red-300:hover{color:#e66767}.hover\\:text-red-500:hover{color:#df3c3c}.hover\\:text-red-500:hover\\/20{color:#df3c3c33}.hover\\:text-red-500:hover\\/40{color:#df3c3c66}.hover\\:text-red-500:hover\\/70{color:#df3c3cb3}.hover\\:text-red-700:hover{color:#c20c0c}.hover\\:text-green-50:hover{color:#e7f4f3}.hover\\:text-green-100:hover{color:#b6dfdb}.hover\\:text-green-200:hover{color:#86c9c3}.hover\\:text-green-300:hover{color:#56b4ac}.hover\\:text-green-500:hover{color:#259f94}.hover\\:text-green-500:hover\\/20{color:#259f9433}.hover\\:text-green-500:hover\\/40{color:#259f9466}.hover\\:text-green-500:hover\\/70{color:#259f94b3}.hover\\:text-green-700:hover{color:#007a6e}.hover\\:text-yellow-50:hover{color:#fef4e8}.hover\\:text-yellow-100:hover{color:#fddeb9}.hover\\:text-yellow-200:hover{color:#fbc88b}.hover\\:text-yellow-300:hover{color:#fab15c}.hover\\:text-yellow-500:hover{color:#f89b2e}.hover\\:text-yellow-500:hover\\/20{color:#f89b2e33}.hover\\:text-yellow-500:hover\\/40{color:#f89b2e66}.hover\\:text-yellow-500:hover\\/70{color:#f89b2eb3}.hover\\:text-yellow-700:hover{color:#de7700}.hover\\:text-purple-50:hover{color:#f4ebfd}.hover\\:text-purple-100:hover{color:#dfc2f9}.hover\\:text-purple-200:hover{color:#c999f4}.hover\\:text-purple-300:hover{color:#b370f0}.hover\\:text-purple-500:hover{color:#9e47ec}.hover\\:text-purple-500:hover\\/20{color:#9e47ec33}.hover\\:text-purple-500:hover\\/40{color:#9e47ec66}.hover\\:text-purple-500:hover\\/70{color:#9e47ecb3}.hover\\:text-purple-700:hover{color:#7919d0}.hover\\:text-orange-50:hover{color:#ffefea}.hover\\:text-orange-100:hover{color:#ffcfc0}.hover\\:text-orange-200:hover{color:#ffb097}.hover\\:text-orange-300:hover{color:#ff906d}.hover\\:text-orange-500:hover{color:#ff7043}.hover\\:text-orange-500:hover\\/20{color:#ff704333}.hover\\:text-orange-500:hover\\/40{color:#ff704366}.hover\\:text-orange-500:hover\\/70{color:#ff7043b3}.hover\\:text-orange-700:hover{color:#e54715}.hover\\:text-azure-50:hover{color:#e5f7fc}.hover\\:text-azure-100:hover{color:#b2e6f7}.hover\\:text-azure-200:hover{color:#80d6f1}.hover\\:text-azure-300:hover{color:#4dc5eb}.hover\\:text-azure-500:hover{color:#1ab5e6}.hover\\:text-azure-500:hover\\/20{color:#1ab5e633}.hover\\:text-azure-500:hover\\/40{color:#1ab5e666}.hover\\:text-azure-500:hover\\/70{color:#1ab5e6b3}.hover\\:text-azure-700:hover{color:#0093c9}.hover\\:text-gold-50:hover{color:#faf3e6}.hover\\:text-gold-100:hover{color:#efdcb4}.hover\\:text-gold-200:hover{color:#e4c481}.hover\\:text-gold-300:hover{color:#daad4f}.hover\\:text-gold-500:hover{color:#cf961d}.hover\\:text-gold-500:hover\\/20{color:#cf961d33}.hover\\:text-gold-500:hover\\/40{color:#cf961d66}.hover\\:text-gold-500:hover\\/70{color:#cf961db3}.hover\\:text-gold-700:hover{color:#b07000}.hover\\:text-brown-50:hover{color:#f1ede9}.hover\\:text-brown-100:hover{color:#d6c9bd}.hover\\:text-brown-200:hover{color:#bca691}.hover\\:text-brown-300:hover{color:#a08266}.hover\\:text-brown-500:hover{color:#865e3a}.hover\\:text-brown-500:hover\\/20{color:#865e3a33}.hover\\:text-brown-500:hover\\/40{color:#865e3a66}.hover\\:text-brown-500:hover\\/70{color:#865e3ab3}.hover\\:text-brown-700:hover{color:#5f330a}.hover\\:text-navy-50:hover{color:#e7e7fa}.hover\\:text-navy-100:hover{color:#b7b6f1}.hover\\:text-navy-200:hover{color:#8785e8}.hover\\:text-navy-300:hover{color:#5755df}.hover\\:text-navy-500:hover{color:#2724d6}.hover\\:text-navy-500:hover\\/20{color:#2724d633}.hover\\:text-navy-500:hover\\/40{color:#2724d666}.hover\\:text-navy-500:hover\\/70{color:#2724d6b3}.hover\\:text-navy-700:hover{color:#0000b8}.hover\\:text-lime-50:hover{color:#ecf6e7}.hover\\:text-lime-100:hover{color:#c5e3b6}.hover\\:text-lime-200:hover{color:#9ed186}.hover\\:text-lime-300:hover{color:#77bf56}.hover\\:text-lime-500:hover{color:#50ac25}.hover\\:text-lime-500:hover\\/20{color:#50ac2533}.hover\\:text-lime-500:hover\\/40{color:#50ac2566}.hover\\:text-lime-500:hover\\/70{color:#50ac25b3}.hover\\:text-lime-700:hover{color:#238900}.hover\\:text-magenta-50:hover{color:#fbe9f1}.hover\\:text-magenta-100:hover{color:#f4bed6}.hover\\:text-magenta-200:hover{color:#ed93bb}.hover\\:text-magenta-300:hover{color:#e668a0}.hover\\:text-magenta-500:hover{color:#df3d85}.hover\\:text-magenta-500:hover\\/20{color:#df3d8533}.hover\\:text-magenta-500:hover\\/40{color:#df3d8566}.hover\\:text-magenta-500:hover\\/70{color:#df3d85b3}.hover\\:text-magenta-700:hover{color:#c10d5d}.hover\\:bg-white-50:hover{background-color:#fff}.hover\\:bg-white-100:hover{background-color:#f7f7f7}.hover\\:bg-white-200:hover{background-color:#eee}.hover\\:bg-white-300:hover{background-color:#e5e5e5}.hover\\:bg-white-500:hover{background-color:#dadada}.hover\\:bg-white-500:hover\\/20{background-color:#dadada33}.hover\\:bg-white-500:hover\\/40{background-color:#dadada66}.hover\\:bg-white-500:hover\\/70{background-color:#dadadab3}.hover\\:bg-white-700:hover{background-color:#ccc}.hover\\:bg-black-50:hover{background-color:#aaa}.hover\\:bg-black-100:hover{background-color:#919191}.hover\\:bg-black-200:hover{background-color:#6c6c6c}.hover\\:bg-black-300:hover{background-color:#424242}.hover\\:bg-black-500:hover{background-color:#2f2f2f}.hover\\:bg-black-500:hover\\/20{background-color:#2f2f2f33}.hover\\:bg-black-500:hover\\/40{background-color:#2f2f2f66}.hover\\:bg-black-500:hover\\/70{background-color:#2f2f2fb3}.hover\\:bg-black-700:hover{background-color:#1d1d1d}.hover\\:bg-blue-50:hover{background-color:#e9effd}.hover\\:bg-blue-100:hover{background-color:#bed0f9}.hover\\:bg-blue-200:hover{background-color:#92b1f5}.hover\\:bg-blue-300:hover{background-color:#6692f1}.hover\\:bg-blue-500:hover{background-color:#3b73ed}.hover\\:bg-blue-500:hover\\/20{background-color:#3b73ed33}.hover\\:bg-blue-500:hover\\/40{background-color:#3b73ed66}.hover\\:bg-blue-500:hover\\/70{background-color:#3b73edb3}.hover\\:bg-blue-700:hover{background-color:#0b49d1}.hover\\:bg-blue-900:hover{background-color:#00179e}.hover\\:bg-red-50:hover{background-color:#fbe9e9}.hover\\:bg-red-100:hover{background-color:#f4bebe}.hover\\:bg-red-200:hover{background-color:#ed9292}.hover\\:bg-red-300:hover{background-color:#e66767}.hover\\:bg-red-500:hover{background-color:#df3c3c}.hover\\:bg-red-500:hover\\/20{background-color:#df3c3c33}.hover\\:bg-red-500:hover\\/40{background-color:#df3c3c66}.hover\\:bg-red-500:hover\\/70{background-color:#df3c3cb3}.hover\\:bg-red-700:hover{background-color:#c20c0c}.hover\\:bg-green-50:hover{background-color:#e7f4f3}.hover\\:bg-green-100:hover{background-color:#b6dfdb}.hover\\:bg-green-200:hover{background-color:#86c9c3}.hover\\:bg-green-300:hover{background-color:#56b4ac}.hover\\:bg-green-500:hover{background-color:#259f94}.hover\\:bg-green-500:hover\\/20{background-color:#259f9433}.hover\\:bg-green-500:hover\\/40{background-color:#259f9466}.hover\\:bg-green-500:hover\\/70{background-color:#259f94b3}.hover\\:bg-green-700:hover{background-color:#007a6e}.hover\\:bg-yellow-50:hover{background-color:#fef4e8}.hover\\:bg-yellow-100:hover{background-color:#fddeb9}.hover\\:bg-yellow-200:hover{background-color:#fbc88b}.hover\\:bg-yellow-300:hover{background-color:#fab15c}.hover\\:bg-yellow-500:hover{background-color:#f89b2e}.hover\\:bg-yellow-500:hover\\/20{background-color:#f89b2e33}.hover\\:bg-yellow-500:hover\\/40{background-color:#f89b2e66}.hover\\:bg-yellow-500:hover\\/70{background-color:#f89b2eb3}.hover\\:bg-yellow-700:hover{background-color:#de7700}.hover\\:bg-purple-50:hover{background-color:#f4ebfd}.hover\\:bg-purple-100:hover{background-color:#dfc2f9}.hover\\:bg-purple-200:hover{background-color:#c999f4}.hover\\:bg-purple-300:hover{background-color:#b370f0}.hover\\:bg-purple-500:hover{background-color:#9e47ec}.hover\\:bg-purple-500:hover\\/20{background-color:#9e47ec33}.hover\\:bg-purple-500:hover\\/40{background-color:#9e47ec66}.hover\\:bg-purple-500:hover\\/70{background-color:#9e47ecb3}.hover\\:bg-purple-700:hover{background-color:#7919d0}.hover\\:bg-orange-50:hover{background-color:#ffefea}.hover\\:bg-orange-100:hover{background-color:#ffcfc0}.hover\\:bg-orange-200:hover{background-color:#ffb097}.hover\\:bg-orange-300:hover{background-color:#ff906d}.hover\\:bg-orange-500:hover{background-color:#ff7043}.hover\\:bg-orange-500:hover\\/20{background-color:#ff704333}.hover\\:bg-orange-500:hover\\/40{background-color:#ff704366}.hover\\:bg-orange-500:hover\\/70{background-color:#ff7043b3}.hover\\:bg-orange-700:hover{background-color:#e54715}.hover\\:bg-azure-50:hover{background-color:#e5f7fc}.hover\\:bg-azure-100:hover{background-color:#b2e6f7}.hover\\:bg-azure-200:hover{background-color:#80d6f1}.hover\\:bg-azure-300:hover{background-color:#4dc5eb}.hover\\:bg-azure-500:hover{background-color:#1ab5e6}.hover\\:bg-azure-500:hover\\/20{background-color:#1ab5e633}.hover\\:bg-azure-500:hover\\/40{background-color:#1ab5e666}.hover\\:bg-azure-500:hover\\/70{background-color:#1ab5e6b3}.hover\\:bg-azure-700:hover{background-color:#0093c9}.hover\\:bg-gold-50:hover{background-color:#faf3e6}.hover\\:bg-gold-100:hover{background-color:#efdcb4}.hover\\:bg-gold-200:hover{background-color:#e4c481}.hover\\:bg-gold-300:hover{background-color:#daad4f}.hover\\:bg-gold-500:hover{background-color:#cf961d}.hover\\:bg-gold-500:hover\\/20{background-color:#cf961d33}.hover\\:bg-gold-500:hover\\/40{background-color:#cf961d66}.hover\\:bg-gold-500:hover\\/70{background-color:#cf961db3}.hover\\:bg-gold-700:hover{background-color:#b07000}.hover\\:bg-brown-50:hover{background-color:#f1ede9}.hover\\:bg-brown-100:hover{background-color:#d6c9bd}.hover\\:bg-brown-200:hover{background-color:#bca691}.hover\\:bg-brown-300:hover{background-color:#a08266}.hover\\:bg-brown-500:hover{background-color:#865e3a}.hover\\:bg-brown-500:hover\\/20{background-color:#865e3a33}.hover\\:bg-brown-500:hover\\/40{background-color:#865e3a66}.hover\\:bg-brown-500:hover\\/70{background-color:#865e3ab3}.hover\\:bg-brown-700:hover{background-color:#5f330a}.hover\\:bg-navy-50:hover{background-color:#e7e7fa}.hover\\:bg-navy-100:hover{background-color:#b7b6f1}.hover\\:bg-navy-200:hover{background-color:#8785e8}.hover\\:bg-navy-300:hover{background-color:#5755df}.hover\\:bg-navy-500:hover{background-color:#2724d6}.hover\\:bg-navy-500:hover\\/20{background-color:#2724d633}.hover\\:bg-navy-500:hover\\/40{background-color:#2724d666}.hover\\:bg-navy-500:hover\\/70{background-color:#2724d6b3}.hover\\:bg-navy-700:hover{background-color:#0000b8}.hover\\:bg-lime-50:hover{background-color:#ecf6e7}.hover\\:bg-lime-100:hover{background-color:#c5e3b6}.hover\\:bg-lime-200:hover{background-color:#9ed186}.hover\\:bg-lime-300:hover{background-color:#77bf56}.hover\\:bg-lime-500:hover{background-color:#50ac25}.hover\\:bg-lime-500:hover\\/20{background-color:#50ac2533}.hover\\:bg-lime-500:hover\\/40{background-color:#50ac2566}.hover\\:bg-lime-500:hover\\/70{background-color:#50ac25b3}.hover\\:bg-lime-700:hover{background-color:#238900}.hover\\:bg-magenta-50:hover{background-color:#fbe9f1}.hover\\:bg-magenta-100:hover{background-color:#f4bed6}.hover\\:bg-magenta-200:hover{background-color:#ed93bb}.hover\\:bg-magenta-300:hover{background-color:#e668a0}.hover\\:bg-magenta-500:hover{background-color:#df3d85}.hover\\:bg-magenta-500:hover\\/20{background-color:#df3d8533}.hover\\:bg-magenta-500:hover\\/40{background-color:#df3d8566}.hover\\:bg-magenta-500:hover\\/70{background-color:#df3d85b3}.hover\\:bg-magenta-700:hover{background-color:#c10d5d}.focus\\:text-white-50:focus-visible{color:#fff}.focus\\:text-white-100:focus-visible{color:#f7f7f7}.focus\\:text-white-200:focus-visible{color:#eee}.focus\\:text-white-300:focus-visible{color:#e5e5e5}.focus\\:text-white-500:focus-visible{color:#dadada}.focus\\:text-white-500:focus-visible\\/20{color:#dadada33}.focus\\:text-white-500:focus-visible\\/40{color:#dadada66}.focus\\:text-white-500:focus-visible\\/70{color:#dadadab3}.focus\\:text-white-700:focus-visible{color:#ccc}.focus\\:text-black-50:focus-visible{color:#aaa}.focus\\:text-black-100:focus-visible{color:#919191}.focus\\:text-black-200:focus-visible{color:#6c6c6c}.focus\\:text-black-300:focus-visible{color:#424242}.focus\\:text-black-500:focus-visible{color:#2f2f2f}.focus\\:text-black-500:focus-visible\\/20{color:#2f2f2f33}.focus\\:text-black-500:focus-visible\\/40{color:#2f2f2f66}.focus\\:text-black-500:focus-visible\\/70{color:#2f2f2fb3}.focus\\:text-black-700:focus-visible{color:#1d1d1d}.focus\\:text-blue-50:focus-visible{color:#e9effd}.focus\\:text-blue-100:focus-visible{color:#bed0f9}.focus\\:text-blue-200:focus-visible{color:#92b1f5}.focus\\:text-blue-300:focus-visible{color:#6692f1}.focus\\:text-blue-500:focus-visible{color:#3b73ed}.focus\\:text-blue-500:focus-visible\\/20{color:#3b73ed33}.focus\\:text-blue-500:focus-visible\\/40{color:#3b73ed66}.focus\\:text-blue-500:focus-visible\\/70{color:#3b73edb3}.focus\\:text-blue-700:focus-visible{color:#0b49d1}.focus\\:text-blue-900:focus-visible{color:#00179e}.focus\\:text-red-50:focus-visible{color:#fbe9e9}.focus\\:text-red-100:focus-visible{color:#f4bebe}.focus\\:text-red-200:focus-visible{color:#ed9292}.focus\\:text-red-300:focus-visible{color:#e66767}.focus\\:text-red-500:focus-visible{color:#df3c3c}.focus\\:text-red-500:focus-visible\\/20{color:#df3c3c33}.focus\\:text-red-500:focus-visible\\/40{color:#df3c3c66}.focus\\:text-red-500:focus-visible\\/70{color:#df3c3cb3}.focus\\:text-red-700:focus-visible{color:#c20c0c}.focus\\:text-green-50:focus-visible{color:#e7f4f3}.focus\\:text-green-100:focus-visible{color:#b6dfdb}.focus\\:text-green-200:focus-visible{color:#86c9c3}.focus\\:text-green-300:focus-visible{color:#56b4ac}.focus\\:text-green-500:focus-visible{color:#259f94}.focus\\:text-green-500:focus-visible\\/20{color:#259f9433}.focus\\:text-green-500:focus-visible\\/40{color:#259f9466}.focus\\:text-green-500:focus-visible\\/70{color:#259f94b3}.focus\\:text-green-700:focus-visible{color:#007a6e}.focus\\:text-yellow-50:focus-visible{color:#fef4e8}.focus\\:text-yellow-100:focus-visible{color:#fddeb9}.focus\\:text-yellow-200:focus-visible{color:#fbc88b}.focus\\:text-yellow-300:focus-visible{color:#fab15c}.focus\\:text-yellow-500:focus-visible{color:#f89b2e}.focus\\:text-yellow-500:focus-visible\\/20{color:#f89b2e33}.focus\\:text-yellow-500:focus-visible\\/40{color:#f89b2e66}.focus\\:text-yellow-500:focus-visible\\/70{color:#f89b2eb3}.focus\\:text-yellow-700:focus-visible{color:#de7700}.focus\\:text-purple-50:focus-visible{color:#f4ebfd}.focus\\:text-purple-100:focus-visible{color:#dfc2f9}.focus\\:text-purple-200:focus-visible{color:#c999f4}.focus\\:text-purple-300:focus-visible{color:#b370f0}.focus\\:text-purple-500:focus-visible{color:#9e47ec}.focus\\:text-purple-500:focus-visible\\/20{color:#9e47ec33}.focus\\:text-purple-500:focus-visible\\/40{color:#9e47ec66}.focus\\:text-purple-500:focus-visible\\/70{color:#9e47ecb3}.focus\\:text-purple-700:focus-visible{color:#7919d0}.focus\\:text-orange-50:focus-visible{color:#ffefea}.focus\\:text-orange-100:focus-visible{color:#ffcfc0}.focus\\:text-orange-200:focus-visible{color:#ffb097}.focus\\:text-orange-300:focus-visible{color:#ff906d}.focus\\:text-orange-500:focus-visible{color:#ff7043}.focus\\:text-orange-500:focus-visible\\/20{color:#ff704333}.focus\\:text-orange-500:focus-visible\\/40{color:#ff704366}.focus\\:text-orange-500:focus-visible\\/70{color:#ff7043b3}.focus\\:text-orange-700:focus-visible{color:#e54715}.focus\\:text-azure-50:focus-visible{color:#e5f7fc}.focus\\:text-azure-100:focus-visible{color:#b2e6f7}.focus\\:text-azure-200:focus-visible{color:#80d6f1}.focus\\:text-azure-300:focus-visible{color:#4dc5eb}.focus\\:text-azure-500:focus-visible{color:#1ab5e6}.focus\\:text-azure-500:focus-visible\\/20{color:#1ab5e633}.focus\\:text-azure-500:focus-visible\\/40{color:#1ab5e666}.focus\\:text-azure-500:focus-visible\\/70{color:#1ab5e6b3}.focus\\:text-azure-700:focus-visible{color:#0093c9}.focus\\:text-gold-50:focus-visible{color:#faf3e6}.focus\\:text-gold-100:focus-visible{color:#efdcb4}.focus\\:text-gold-200:focus-visible{color:#e4c481}.focus\\:text-gold-300:focus-visible{color:#daad4f}.focus\\:text-gold-500:focus-visible{color:#cf961d}.focus\\:text-gold-500:focus-visible\\/20{color:#cf961d33}.focus\\:text-gold-500:focus-visible\\/40{color:#cf961d66}.focus\\:text-gold-500:focus-visible\\/70{color:#cf961db3}.focus\\:text-gold-700:focus-visible{color:#b07000}.focus\\:text-brown-50:focus-visible{color:#f1ede9}.focus\\:text-brown-100:focus-visible{color:#d6c9bd}.focus\\:text-brown-200:focus-visible{color:#bca691}.focus\\:text-brown-300:focus-visible{color:#a08266}.focus\\:text-brown-500:focus-visible{color:#865e3a}.focus\\:text-brown-500:focus-visible\\/20{color:#865e3a33}.focus\\:text-brown-500:focus-visible\\/40{color:#865e3a66}.focus\\:text-brown-500:focus-visible\\/70{color:#865e3ab3}.focus\\:text-brown-700:focus-visible{color:#5f330a}.focus\\:text-navy-50:focus-visible{color:#e7e7fa}.focus\\:text-navy-100:focus-visible{color:#b7b6f1}.focus\\:text-navy-200:focus-visible{color:#8785e8}.focus\\:text-navy-300:focus-visible{color:#5755df}.focus\\:text-navy-500:focus-visible{color:#2724d6}.focus\\:text-navy-500:focus-visible\\/20{color:#2724d633}.focus\\:text-navy-500:focus-visible\\/40{color:#2724d666}.focus\\:text-navy-500:focus-visible\\/70{color:#2724d6b3}.focus\\:text-navy-700:focus-visible{color:#0000b8}.focus\\:text-lime-50:focus-visible{color:#ecf6e7}.focus\\:text-lime-100:focus-visible{color:#c5e3b6}.focus\\:text-lime-200:focus-visible{color:#9ed186}.focus\\:text-lime-300:focus-visible{color:#77bf56}.focus\\:text-lime-500:focus-visible{color:#50ac25}.focus\\:text-lime-500:focus-visible\\/20{color:#50ac2533}.focus\\:text-lime-500:focus-visible\\/40{color:#50ac2566}.focus\\:text-lime-500:focus-visible\\/70{color:#50ac25b3}.focus\\:text-lime-700:focus-visible{color:#238900}.focus\\:text-magenta-50:focus-visible{color:#fbe9f1}.focus\\:text-magenta-100:focus-visible{color:#f4bed6}.focus\\:text-magenta-200:focus-visible{color:#ed93bb}.focus\\:text-magenta-300:focus-visible{color:#e668a0}.focus\\:text-magenta-500:focus-visible{color:#df3d85}.focus\\:text-magenta-500:focus-visible\\/20{color:#df3d8533}.focus\\:text-magenta-500:focus-visible\\/40{color:#df3d8566}.focus\\:text-magenta-500:focus-visible\\/70{color:#df3d85b3}.focus\\:text-magenta-700:focus-visible{color:#c10d5d}.focus\\:bg-white-50:focus-visible{background-color:#fff}.focus\\:bg-white-100:focus-visible{background-color:#f7f7f7}.focus\\:bg-white-200:focus-visible{background-color:#eee}.focus\\:bg-white-300:focus-visible{background-color:#e5e5e5}.focus\\:bg-white-500:focus-visible{background-color:#dadada}.focus\\:bg-white-500:focus-visible\\/20{background-color:#dadada33}.focus\\:bg-white-500:focus-visible\\/40{background-color:#dadada66}.focus\\:bg-white-500:focus-visible\\/70{background-color:#dadadab3}.focus\\:bg-white-700:focus-visible{background-color:#ccc}.focus\\:bg-black-50:focus-visible{background-color:#aaa}.focus\\:bg-black-100:focus-visible{background-color:#919191}.focus\\:bg-black-200:focus-visible{background-color:#6c6c6c}.focus\\:bg-black-300:focus-visible{background-color:#424242}.focus\\:bg-black-500:focus-visible{background-color:#2f2f2f}.focus\\:bg-black-500:focus-visible\\/20{background-color:#2f2f2f33}.focus\\:bg-black-500:focus-visible\\/40{background-color:#2f2f2f66}.focus\\:bg-black-500:focus-visible\\/70{background-color:#2f2f2fb3}.focus\\:bg-black-700:focus-visible{background-color:#1d1d1d}.focus\\:bg-blue-50:focus-visible{background-color:#e9effd}.focus\\:bg-blue-100:focus-visible{background-color:#bed0f9}.focus\\:bg-blue-200:focus-visible{background-color:#92b1f5}.focus\\:bg-blue-300:focus-visible{background-color:#6692f1}.focus\\:bg-blue-500:focus-visible{background-color:#3b73ed}.focus\\:bg-blue-500:focus-visible\\/20{background-color:#3b73ed33}.focus\\:bg-blue-500:focus-visible\\/40{background-color:#3b73ed66}.focus\\:bg-blue-500:focus-visible\\/70{background-color:#3b73edb3}.focus\\:bg-blue-700:focus-visible{background-color:#0b49d1}.focus\\:bg-blue-900:focus-visible{background-color:#00179e}.focus\\:bg-red-50:focus-visible{background-color:#fbe9e9}.focus\\:bg-red-100:focus-visible{background-color:#f4bebe}.focus\\:bg-red-200:focus-visible{background-color:#ed9292}.focus\\:bg-red-300:focus-visible{background-color:#e66767}.focus\\:bg-red-500:focus-visible{background-color:#df3c3c}.focus\\:bg-red-500:focus-visible\\/20{background-color:#df3c3c33}.focus\\:bg-red-500:focus-visible\\/40{background-color:#df3c3c66}.focus\\:bg-red-500:focus-visible\\/70{background-color:#df3c3cb3}.focus\\:bg-red-700:focus-visible{background-color:#c20c0c}.focus\\:bg-green-50:focus-visible{background-color:#e7f4f3}.focus\\:bg-green-100:focus-visible{background-color:#b6dfdb}.focus\\:bg-green-200:focus-visible{background-color:#86c9c3}.focus\\:bg-green-300:focus-visible{background-color:#56b4ac}.focus\\:bg-green-500:focus-visible{background-color:#259f94}.focus\\:bg-green-500:focus-visible\\/20{background-color:#259f9433}.focus\\:bg-green-500:focus-visible\\/40{background-color:#259f9466}.focus\\:bg-green-500:focus-visible\\/70{background-color:#259f94b3}.focus\\:bg-green-700:focus-visible{background-color:#007a6e}.focus\\:bg-yellow-50:focus-visible{background-color:#fef4e8}.focus\\:bg-yellow-100:focus-visible{background-color:#fddeb9}.focus\\:bg-yellow-200:focus-visible{background-color:#fbc88b}.focus\\:bg-yellow-300:focus-visible{background-color:#fab15c}.focus\\:bg-yellow-500:focus-visible{background-color:#f89b2e}.focus\\:bg-yellow-500:focus-visible\\/20{background-color:#f89b2e33}.focus\\:bg-yellow-500:focus-visible\\/40{background-color:#f89b2e66}.focus\\:bg-yellow-500:focus-visible\\/70{background-color:#f89b2eb3}.focus\\:bg-yellow-700:focus-visible{background-color:#de7700}.focus\\:bg-purple-50:focus-visible{background-color:#f4ebfd}.focus\\:bg-purple-100:focus-visible{background-color:#dfc2f9}.focus\\:bg-purple-200:focus-visible{background-color:#c999f4}.focus\\:bg-purple-300:focus-visible{background-color:#b370f0}.focus\\:bg-purple-500:focus-visible{background-color:#9e47ec}.focus\\:bg-purple-500:focus-visible\\/20{background-color:#9e47ec33}.focus\\:bg-purple-500:focus-visible\\/40{background-color:#9e47ec66}.focus\\:bg-purple-500:focus-visible\\/70{background-color:#9e47ecb3}.focus\\:bg-purple-700:focus-visible{background-color:#7919d0}.focus\\:bg-orange-50:focus-visible{background-color:#ffefea}.focus\\:bg-orange-100:focus-visible{background-color:#ffcfc0}.focus\\:bg-orange-200:focus-visible{background-color:#ffb097}.focus\\:bg-orange-300:focus-visible{background-color:#ff906d}.focus\\:bg-orange-500:focus-visible{background-color:#ff7043}.focus\\:bg-orange-500:focus-visible\\/20{background-color:#ff704333}.focus\\:bg-orange-500:focus-visible\\/40{background-color:#ff704366}.focus\\:bg-orange-500:focus-visible\\/70{background-color:#ff7043b3}.focus\\:bg-orange-700:focus-visible{background-color:#e54715}.focus\\:bg-azure-50:focus-visible{background-color:#e5f7fc}.focus\\:bg-azure-100:focus-visible{background-color:#b2e6f7}.focus\\:bg-azure-200:focus-visible{background-color:#80d6f1}.focus\\:bg-azure-300:focus-visible{background-color:#4dc5eb}.focus\\:bg-azure-500:focus-visible{background-color:#1ab5e6}.focus\\:bg-azure-500:focus-visible\\/20{background-color:#1ab5e633}.focus\\:bg-azure-500:focus-visible\\/40{background-color:#1ab5e666}.focus\\:bg-azure-500:focus-visible\\/70{background-color:#1ab5e6b3}.focus\\:bg-azure-700:focus-visible{background-color:#0093c9}.focus\\:bg-gold-50:focus-visible{background-color:#faf3e6}.focus\\:bg-gold-100:focus-visible{background-color:#efdcb4}.focus\\:bg-gold-200:focus-visible{background-color:#e4c481}.focus\\:bg-gold-300:focus-visible{background-color:#daad4f}.focus\\:bg-gold-500:focus-visible{background-color:#cf961d}.focus\\:bg-gold-500:focus-visible\\/20{background-color:#cf961d33}.focus\\:bg-gold-500:focus-visible\\/40{background-color:#cf961d66}.focus\\:bg-gold-500:focus-visible\\/70{background-color:#cf961db3}.focus\\:bg-gold-700:focus-visible{background-color:#b07000}.focus\\:bg-brown-50:focus-visible{background-color:#f1ede9}.focus\\:bg-brown-100:focus-visible{background-color:#d6c9bd}.focus\\:bg-brown-200:focus-visible{background-color:#bca691}.focus\\:bg-brown-300:focus-visible{background-color:#a08266}.focus\\:bg-brown-500:focus-visible{background-color:#865e3a}.focus\\:bg-brown-500:focus-visible\\/20{background-color:#865e3a33}.focus\\:bg-brown-500:focus-visible\\/40{background-color:#865e3a66}.focus\\:bg-brown-500:focus-visible\\/70{background-color:#865e3ab3}.focus\\:bg-brown-700:focus-visible{background-color:#5f330a}.focus\\:bg-navy-50:focus-visible{background-color:#e7e7fa}.focus\\:bg-navy-100:focus-visible{background-color:#b7b6f1}.focus\\:bg-navy-200:focus-visible{background-color:#8785e8}.focus\\:bg-navy-300:focus-visible{background-color:#5755df}.focus\\:bg-navy-500:focus-visible{background-color:#2724d6}.focus\\:bg-navy-500:focus-visible\\/20{background-color:#2724d633}.focus\\:bg-navy-500:focus-visible\\/40{background-color:#2724d666}.focus\\:bg-navy-500:focus-visible\\/70{background-color:#2724d6b3}.focus\\:bg-navy-700:focus-visible{background-color:#0000b8}.focus\\:bg-lime-50:focus-visible{background-color:#ecf6e7}.focus\\:bg-lime-100:focus-visible{background-color:#c5e3b6}.focus\\:bg-lime-200:focus-visible{background-color:#9ed186}.focus\\:bg-lime-300:focus-visible{background-color:#77bf56}.focus\\:bg-lime-500:focus-visible{background-color:#50ac25}.focus\\:bg-lime-500:focus-visible\\/20{background-color:#50ac2533}.focus\\:bg-lime-500:focus-visible\\/40{background-color:#50ac2566}.focus\\:bg-lime-500:focus-visible\\/70{background-color:#50ac25b3}.focus\\:bg-lime-700:focus-visible{background-color:#238900}.focus\\:bg-magenta-50:focus-visible{background-color:#fbe9f1}.focus\\:bg-magenta-100:focus-visible{background-color:#f4bed6}.focus\\:bg-magenta-200:focus-visible{background-color:#ed93bb}.focus\\:bg-magenta-300:focus-visible{background-color:#e668a0}.focus\\:bg-magenta-500:focus-visible{background-color:#df3d85}.focus\\:bg-magenta-500:focus-visible\\/20{background-color:#df3d8533}.focus\\:bg-magenta-500:focus-visible\\/40{background-color:#df3d8566}.focus\\:bg-magenta-500:focus-visible\\/70{background-color:#df3d85b3}.focus\\:bg-magenta-700:focus-visible{background-color:#c10d5d}.active\\:text-white-50:active{color:#fff}.active\\:text-white-100:active{color:#f7f7f7}.active\\:text-white-200:active{color:#eee}.active\\:text-white-300:active{color:#e5e5e5}.active\\:text-white-500:active{color:#dadada}.active\\:text-white-500:active\\/20{color:#dadada33}.active\\:text-white-500:active\\/40{color:#dadada66}.active\\:text-white-500:active\\/70{color:#dadadab3}.active\\:text-white-700:active{color:#ccc}.active\\:text-black-50:active{color:#aaa}.active\\:text-black-100:active{color:#919191}.active\\:text-black-200:active{color:#6c6c6c}.active\\:text-black-300:active{color:#424242}.active\\:text-black-500:active{color:#2f2f2f}.active\\:text-black-500:active\\/20{color:#2f2f2f33}.active\\:text-black-500:active\\/40{color:#2f2f2f66}.active\\:text-black-500:active\\/70{color:#2f2f2fb3}.active\\:text-black-700:active{color:#1d1d1d}.active\\:text-blue-50:active{color:#e9effd}.active\\:text-blue-100:active{color:#bed0f9}.active\\:text-blue-200:active{color:#92b1f5}.active\\:text-blue-300:active{color:#6692f1}.active\\:text-blue-500:active{color:#3b73ed}.active\\:text-blue-500:active\\/20{color:#3b73ed33}.active\\:text-blue-500:active\\/40{color:#3b73ed66}.active\\:text-blue-500:active\\/70{color:#3b73edb3}.active\\:text-blue-700:active{color:#0b49d1}.active\\:text-blue-900:active{color:#00179e}.active\\:text-red-50:active{color:#fbe9e9}.active\\:text-red-100:active{color:#f4bebe}.active\\:text-red-200:active{color:#ed9292}.active\\:text-red-300:active{color:#e66767}.active\\:text-red-500:active{color:#df3c3c}.active\\:text-red-500:active\\/20{color:#df3c3c33}.active\\:text-red-500:active\\/40{color:#df3c3c66}.active\\:text-red-500:active\\/70{color:#df3c3cb3}.active\\:text-red-700:active{color:#c20c0c}.active\\:text-green-50:active{color:#e7f4f3}.active\\:text-green-100:active{color:#b6dfdb}.active\\:text-green-200:active{color:#86c9c3}.active\\:text-green-300:active{color:#56b4ac}.active\\:text-green-500:active{color:#259f94}.active\\:text-green-500:active\\/20{color:#259f9433}.active\\:text-green-500:active\\/40{color:#259f9466}.active\\:text-green-500:active\\/70{color:#259f94b3}.active\\:text-green-700:active{color:#007a6e}.active\\:text-yellow-50:active{color:#fef4e8}.active\\:text-yellow-100:active{color:#fddeb9}.active\\:text-yellow-200:active{color:#fbc88b}.active\\:text-yellow-300:active{color:#fab15c}.active\\:text-yellow-500:active{color:#f89b2e}.active\\:text-yellow-500:active\\/20{color:#f89b2e33}.active\\:text-yellow-500:active\\/40{color:#f89b2e66}.active\\:text-yellow-500:active\\/70{color:#f89b2eb3}.active\\:text-yellow-700:active{color:#de7700}.active\\:text-purple-50:active{color:#f4ebfd}.active\\:text-purple-100:active{color:#dfc2f9}.active\\:text-purple-200:active{color:#c999f4}.active\\:text-purple-300:active{color:#b370f0}.active\\:text-purple-500:active{color:#9e47ec}.active\\:text-purple-500:active\\/20{color:#9e47ec33}.active\\:text-purple-500:active\\/40{color:#9e47ec66}.active\\:text-purple-500:active\\/70{color:#9e47ecb3}.active\\:text-purple-700:active{color:#7919d0}.active\\:text-orange-50:active{color:#ffefea}.active\\:text-orange-100:active{color:#ffcfc0}.active\\:text-orange-200:active{color:#ffb097}.active\\:text-orange-300:active{color:#ff906d}.active\\:text-orange-500:active{color:#ff7043}.active\\:text-orange-500:active\\/20{color:#ff704333}.active\\:text-orange-500:active\\/40{color:#ff704366}.active\\:text-orange-500:active\\/70{color:#ff7043b3}.active\\:text-orange-700:active{color:#e54715}.active\\:text-azure-50:active{color:#e5f7fc}.active\\:text-azure-100:active{color:#b2e6f7}.active\\:text-azure-200:active{color:#80d6f1}.active\\:text-azure-300:active{color:#4dc5eb}.active\\:text-azure-500:active{color:#1ab5e6}.active\\:text-azure-500:active\\/20{color:#1ab5e633}.active\\:text-azure-500:active\\/40{color:#1ab5e666}.active\\:text-azure-500:active\\/70{color:#1ab5e6b3}.active\\:text-azure-700:active{color:#0093c9}.active\\:text-gold-50:active{color:#faf3e6}.active\\:text-gold-100:active{color:#efdcb4}.active\\:text-gold-200:active{color:#e4c481}.active\\:text-gold-300:active{color:#daad4f}.active\\:text-gold-500:active{color:#cf961d}.active\\:text-gold-500:active\\/20{color:#cf961d33}.active\\:text-gold-500:active\\/40{color:#cf961d66}.active\\:text-gold-500:active\\/70{color:#cf961db3}.active\\:text-gold-700:active{color:#b07000}.active\\:text-brown-50:active{color:#f1ede9}.active\\:text-brown-100:active{color:#d6c9bd}.active\\:text-brown-200:active{color:#bca691}.active\\:text-brown-300:active{color:#a08266}.active\\:text-brown-500:active{color:#865e3a}.active\\:text-brown-500:active\\/20{color:#865e3a33}.active\\:text-brown-500:active\\/40{color:#865e3a66}.active\\:text-brown-500:active\\/70{color:#865e3ab3}.active\\:text-brown-700:active{color:#5f330a}.active\\:text-navy-50:active{color:#e7e7fa}.active\\:text-navy-100:active{color:#b7b6f1}.active\\:text-navy-200:active{color:#8785e8}.active\\:text-navy-300:active{color:#5755df}.active\\:text-navy-500:active{color:#2724d6}.active\\:text-navy-500:active\\/20{color:#2724d633}.active\\:text-navy-500:active\\/40{color:#2724d666}.active\\:text-navy-500:active\\/70{color:#2724d6b3}.active\\:text-navy-700:active{color:#0000b8}.active\\:text-lime-50:active{color:#ecf6e7}.active\\:text-lime-100:active{color:#c5e3b6}.active\\:text-lime-200:active{color:#9ed186}.active\\:text-lime-300:active{color:#77bf56}.active\\:text-lime-500:active{color:#50ac25}.active\\:text-lime-500:active\\/20{color:#50ac2533}.active\\:text-lime-500:active\\/40{color:#50ac2566}.active\\:text-lime-500:active\\/70{color:#50ac25b3}.active\\:text-lime-700:active{color:#238900}.active\\:text-magenta-50:active{color:#fbe9f1}.active\\:text-magenta-100:active{color:#f4bed6}.active\\:text-magenta-200:active{color:#ed93bb}.active\\:text-magenta-300:active{color:#e668a0}.active\\:text-magenta-500:active{color:#df3d85}.active\\:text-magenta-500:active\\/20{color:#df3d8533}.active\\:text-magenta-500:active\\/40{color:#df3d8566}.active\\:text-magenta-500:active\\/70{color:#df3d85b3}.active\\:text-magenta-700:active{color:#c10d5d}.active\\:bg-white-50:active{background-color:#fff}.active\\:bg-white-100:active{background-color:#f7f7f7}.active\\:bg-white-200:active{background-color:#eee}.active\\:bg-white-300:active{background-color:#e5e5e5}.active\\:bg-white-500:active{background-color:#dadada}.active\\:bg-white-500:active\\/20{background-color:#dadada33}.active\\:bg-white-500:active\\/40{background-color:#dadada66}.active\\:bg-white-500:active\\/70{background-color:#dadadab3}.active\\:bg-white-700:active{background-color:#ccc}.active\\:bg-black-50:active{background-color:#aaa}.active\\:bg-black-100:active{background-color:#919191}.active\\:bg-black-200:active{background-color:#6c6c6c}.active\\:bg-black-300:active{background-color:#424242}.active\\:bg-black-500:active{background-color:#2f2f2f}.active\\:bg-black-500:active\\/20{background-color:#2f2f2f33}.active\\:bg-black-500:active\\/40{background-color:#2f2f2f66}.active\\:bg-black-500:active\\/70{background-color:#2f2f2fb3}.active\\:bg-black-700:active{background-color:#1d1d1d}.active\\:bg-blue-50:active{background-color:#e9effd}.active\\:bg-blue-100:active{background-color:#bed0f9}.active\\:bg-blue-200:active{background-color:#92b1f5}.active\\:bg-blue-300:active{background-color:#6692f1}.active\\:bg-blue-500:active{background-color:#3b73ed}.active\\:bg-blue-500:active\\/20{background-color:#3b73ed33}.active\\:bg-blue-500:active\\/40{background-color:#3b73ed66}.active\\:bg-blue-500:active\\/70{background-color:#3b73edb3}.active\\:bg-blue-700:active{background-color:#0b49d1}.active\\:bg-blue-900:active{background-color:#00179e}.active\\:bg-red-50:active{background-color:#fbe9e9}.active\\:bg-red-100:active{background-color:#f4bebe}.active\\:bg-red-200:active{background-color:#ed9292}.active\\:bg-red-300:active{background-color:#e66767}.active\\:bg-red-500:active{background-color:#df3c3c}.active\\:bg-red-500:active\\/20{background-color:#df3c3c33}.active\\:bg-red-500:active\\/40{background-color:#df3c3c66}.active\\:bg-red-500:active\\/70{background-color:#df3c3cb3}.active\\:bg-red-700:active{background-color:#c20c0c}.active\\:bg-green-50:active{background-color:#e7f4f3}.active\\:bg-green-100:active{background-color:#b6dfdb}.active\\:bg-green-200:active{background-color:#86c9c3}.active\\:bg-green-300:active{background-color:#56b4ac}.active\\:bg-green-500:active{background-color:#259f94}.active\\:bg-green-500:active\\/20{background-color:#259f9433}.active\\:bg-green-500:active\\/40{background-color:#259f9466}.active\\:bg-green-500:active\\/70{background-color:#259f94b3}.active\\:bg-green-700:active{background-color:#007a6e}.active\\:bg-yellow-50:active{background-color:#fef4e8}.active\\:bg-yellow-100:active{background-color:#fddeb9}.active\\:bg-yellow-200:active{background-color:#fbc88b}.active\\:bg-yellow-300:active{background-color:#fab15c}.active\\:bg-yellow-500:active{background-color:#f89b2e}.active\\:bg-yellow-500:active\\/20{background-color:#f89b2e33}.active\\:bg-yellow-500:active\\/40{background-color:#f89b2e66}.active\\:bg-yellow-500:active\\/70{background-color:#f89b2eb3}.active\\:bg-yellow-700:active{background-color:#de7700}.active\\:bg-purple-50:active{background-color:#f4ebfd}.active\\:bg-purple-100:active{background-color:#dfc2f9}.active\\:bg-purple-200:active{background-color:#c999f4}.active\\:bg-purple-300:active{background-color:#b370f0}.active\\:bg-purple-500:active{background-color:#9e47ec}.active\\:bg-purple-500:active\\/20{background-color:#9e47ec33}.active\\:bg-purple-500:active\\/40{background-color:#9e47ec66}.active\\:bg-purple-500:active\\/70{background-color:#9e47ecb3}.active\\:bg-purple-700:active{background-color:#7919d0}.active\\:bg-orange-50:active{background-color:#ffefea}.active\\:bg-orange-100:active{background-color:#ffcfc0}.active\\:bg-orange-200:active{background-color:#ffb097}.active\\:bg-orange-300:active{background-color:#ff906d}.active\\:bg-orange-500:active{background-color:#ff7043}.active\\:bg-orange-500:active\\/20{background-color:#ff704333}.active\\:bg-orange-500:active\\/40{background-color:#ff704366}.active\\:bg-orange-500:active\\/70{background-color:#ff7043b3}.active\\:bg-orange-700:active{background-color:#e54715}.active\\:bg-azure-50:active{background-color:#e5f7fc}.active\\:bg-azure-100:active{background-color:#b2e6f7}.active\\:bg-azure-200:active{background-color:#80d6f1}.active\\:bg-azure-300:active{background-color:#4dc5eb}.active\\:bg-azure-500:active{background-color:#1ab5e6}.active\\:bg-azure-500:active\\/20{background-color:#1ab5e633}.active\\:bg-azure-500:active\\/40{background-color:#1ab5e666}.active\\:bg-azure-500:active\\/70{background-color:#1ab5e6b3}.active\\:bg-azure-700:active{background-color:#0093c9}.active\\:bg-gold-50:active{background-color:#faf3e6}.active\\:bg-gold-100:active{background-color:#efdcb4}.active\\:bg-gold-200:active{background-color:#e4c481}.active\\:bg-gold-300:active{background-color:#daad4f}.active\\:bg-gold-500:active{background-color:#cf961d}.active\\:bg-gold-500:active\\/20{background-color:#cf961d33}.active\\:bg-gold-500:active\\/40{background-color:#cf961d66}.active\\:bg-gold-500:active\\/70{background-color:#cf961db3}.active\\:bg-gold-700:active{background-color:#b07000}.active\\:bg-brown-50:active{background-color:#f1ede9}.active\\:bg-brown-100:active{background-color:#d6c9bd}.active\\:bg-brown-200:active{background-color:#bca691}.active\\:bg-brown-300:active{background-color:#a08266}.active\\:bg-brown-500:active{background-color:#865e3a}.active\\:bg-brown-500:active\\/20{background-color:#865e3a33}.active\\:bg-brown-500:active\\/40{background-color:#865e3a66}.active\\:bg-brown-500:active\\/70{background-color:#865e3ab3}.active\\:bg-brown-700:active{background-color:#5f330a}.active\\:bg-navy-50:active{background-color:#e7e7fa}.active\\:bg-navy-100:active{background-color:#b7b6f1}.active\\:bg-navy-200:active{background-color:#8785e8}.active\\:bg-navy-300:active{background-color:#5755df}.active\\:bg-navy-500:active{background-color:#2724d6}.active\\:bg-navy-500:active\\/20{background-color:#2724d633}.active\\:bg-navy-500:active\\/40{background-color:#2724d666}.active\\:bg-navy-500:active\\/70{background-color:#2724d6b3}.active\\:bg-navy-700:active{background-color:#0000b8}.active\\:bg-lime-50:active{background-color:#ecf6e7}.active\\:bg-lime-100:active{background-color:#c5e3b6}.active\\:bg-lime-200:active{background-color:#9ed186}.active\\:bg-lime-300:active{background-color:#77bf56}.active\\:bg-lime-500:active{background-color:#50ac25}.active\\:bg-lime-500:active\\/20{background-color:#50ac2533}.active\\:bg-lime-500:active\\/40{background-color:#50ac2566}.active\\:bg-lime-500:active\\/70{background-color:#50ac25b3}.active\\:bg-lime-700:active{background-color:#238900}.active\\:bg-magenta-50:active{background-color:#fbe9f1}.active\\:bg-magenta-100:active{background-color:#f4bed6}.active\\:bg-magenta-200:active{background-color:#ed93bb}.active\\:bg-magenta-300:active{background-color:#e668a0}.active\\:bg-magenta-500:active{background-color:#df3d85}.active\\:bg-magenta-500:active\\/20{background-color:#df3d8533}.active\\:bg-magenta-500:active\\/40{background-color:#df3d8566}.active\\:bg-magenta-500:active\\/70{background-color:#df3d85b3}.active\\:bg-magenta-700:active{background-color:#c10d5d}.transition{transition:all .2s ease-in-out}.disable-selection,.logo-container .logo-image,.cover-container .cover-image,.profile-rounded-image,.profile-square-image{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.drop-zone-container.has-logo{display:none}.largeContainer{position:relative;min-height:178px}.largeContainer .cropper-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1050;gap:4px;opacity:1;position:absolute}.largeContainer .cropper-overlay .img-cropper{height:178px!important}.largeContainer.hasCropper{min-height:212px;position:relative}.logo-container{position:absolute;top:0;left:0;width:616px;height:214px;overflow:hidden}.logo-container .logo-image{width:100%;height:100%;z-index:1000}.logoVar{height:214px}.logoVar.hasCropper{height:240px!important}.logoVar.hasCropper .drop-zone-container{display:none!important}.logoVar .drop-zone-container .drop-zone,.logoVar .drop-zone-container .drop-zone-error{height:204px}.logoVar .cropper-overlay{height:240px!important}.logoVar .cropper-overlay .img-cropper{height:206px!important}.cover-container{width:267px;height:178px}.cover-container .cover-image{width:100%;height:100%;object-fit:cover;display:block}.profile-rounded-image{width:178px;height:178px;object-fit:cover;display:block;border-radius:50%}.profile-square-image{width:160px;height:178px;object-fit:cover;display:block;border-radius:2px}.container.dragMode{position:fixed;position-anchor:--modal-body;left:anchor(left);top:anchor(top);height:anchor-size(--modal-body height)!important;width:anchor-size(--modal-body width)!important;display:flex;justify-content:center;align-items:center;gap:0;background-color:#fff!important}.container.dragMode .avatar,.container.dragMode .profile-container,.container.dragMode .logo-container,.container.dragMode .cover-container,.container.dragMode .docs{display:none}.container.dragMode .drop-zone-container{position:relative;width:100%;height:100%;flex:1 1 100%}.container.dragMode .drop-zone-container .drop-zone{flex-direction:column;height:100%;outline:none!important;margin:0!important;border:4px dashed #cccccc;border-color:#ccc}.container.dragMode .drop-zone-container .drop-zone .illustration,.container.dragMode .drop-zone-container .drop-zone svg{width:200px!important;height:200px!important;pointer-events:none!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container{position:relative}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container .drag-icon-document svg{width:80px!important;height:80px!important}.container.dragMode .drop-zone-container .drop-zone .drag-icons-container ng-lottie{width:200px;height:200px;display:block}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text{margin-top:32px}.container.dragMode .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.container.dragMode:hover .drop-zone{background-color:#fff!important}.container.dragMode.onDragover .drop-zone-container .drop-zone{border-color:#ccc}.container.dragMode.dual-drop-mode .drop-zone-container{--dual-drop-border: 4px;--dual-drop-border-overlap: calc(var(--dual-drop-border) / 2);position:relative;display:block;overflow:hidden}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel{position:absolute;top:0;bottom:0;margin:0!important;width:calc(50% + var(--dual-drop-border-overlap));opacity:1;transition:width .25s ease,opacity .25s ease,z-index 0s}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .dual-drop-zone-title{position:absolute;top:10px;left:8px;margin:0;font-weight:800;font-size:18px;line-height:100%;letter-spacing:0}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-left{left:0;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-right{right:0;left:auto;z-index:1}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text{text-align:center}.container.dragMode.dual-drop-mode .drop-zone-container .dual-drop-zone-panel .drop-zone-focus-text .description{margin:8px auto 0;max-width:158px;font-weight:400;font-size:11px;line-height:14px;text-align:center}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-left{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-left .drop-zone-container .dual-drop-zone-right{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-right{width:calc(60% + var(--dual-drop-border-overlap));opacity:1;z-index:2}.container.dragMode.dual-drop-mode.dual-drop-focus-right .drop-zone-container .dual-drop-zone-left{width:calc(40% + var(--dual-drop-border-overlap));opacity:.4;z-index:1}.is-documents-mode .dragMode{height:120px!important}.dragModeDocuments .drop-zone-container .drop-zone{background-color:#fff!important}.dragModeDocuments .drop-zone-container .drop-zone .drop-zone-focus-text .heading{font-weight:700;font-size:14px;line-height:18px}.drop-zone-dimensions-lock{width:var(--drag-lock-width);height:var(--drag-lock-height)}.is-details-slider{width:100%!important;height:100%!important;overflow:hidden}.is-details-slider .sliders{display:flex;align-items:center;justify-content:center;gap:4px;min-height:6px!important;height:auto!important;width:100%!important;margin-bottom:6px!important;margin-top:12px!important;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.is-details-slider .sliders .slider-item{width:12px;height:6px;border-radius:2px;background-color:#e5e5e5;transform-origin:center;cursor:pointer!important;transition:width .2s ease-in-out,background-color .2s ease-in-out}.is-details-slider .sliders .slider-item.active{width:20px;background-color:#919191}.is-details-slider .drop-zone-container{display:none!important}.is-details-slider .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-details-slider .docs .carousel-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease-in-out!important}.is-details-slider .docs:hover .carousel-button{opacity:1!important;pointer-events:auto!important}.is-details-slider .docs:hover .carousel-button[disabled]{opacity:0!important;pointer-events:none!important}.is-details-slider .doc-container{display:flex!important;align-items:flex-start!important;height:auto!important;flex-shrink:0!important;gap:0!important;position:relative!important;transition:transform .3s ease-out}.is-details-slider .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;justify-content:center!important;background-color:transparent!important;flex-shrink:0!important;position:relative!important}.is-details-slider .doc.doc-hidden{height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;opacity:0;pointer-events:none;visibility:hidden;margin:0!important;padding:0!important}.is-details-slider .doc.doc-visible{height:auto!important;opacity:1;visibility:visible}.is-details-slider .carousel-button{position:absolute!important;top:45%!important}.is-details-slider:hover .sliders{opacity:1;pointer-events:auto}.is-drawer-mode{width:100%!important;padding:4px!important;position:absolute!important;max-width:100%!important}.is-drawer-mode .drop-zone-container{display:none!important}.is-drawer-mode .skeleton-container.drawer-position{width:100%!important;position:relative!important;overflow:hidden!important;display:flex;align-items:center;gap:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item{width:194px;height:194px;flex:0 0 194px;border-radius:2px;padding:4px}.is-drawer-mode .skeleton-container.drawer-position .skeleton-item .skeleton-bar{width:100%;height:100%;background-color:#fff}.is-drawer-mode .docs{width:100%!important;position:relative!important;overflow:hidden!important}.is-drawer-mode .docs .doc-container{display:flex;width:auto!important;height:auto!important;gap:4px!important;transition:transform .3s ease-out}.is-drawer-mode .docs .doc-container .doc{width:194px!important;height:194px!important;flex:0 0 194px!important;background-color:transparent!important}.is-drawer-mode .carousel-button.carousel-right{right:4px!important;position:absolute!important}.is-drawer-mode .carousel-button.carousel-left{left:4px!important;position:absolute!important}.isCoverDetails{width:100%!important;height:100%!important}.isCoverDetails .drop-zone-container{display:none!important}.isCoverDetails .docs{width:100%!important}.isCoverDetails .docs .doc{flex:0 0 100%!important;width:100%!important;height:auto!important;display:block!important;background-color:transparent!important}.more-docs{width:148px;flex:0 0 148px}.more-docs .illustration{width:80px;height:80px}.more-docs .drop-zone{padding:22px 0;flex-direction:column}.more-docs .drop-zone-error,.more-docs .drop-zone-error .drop-zone-text{padding:0 12px}.small-more-docs{width:148px!important}.small-more-docs .illustration,.small-more-docs svg{width:80px!important;height:80px!important}.small-more-docs .drop-zone{padding:22px 0!important;flex-direction:column}.unsupported .drop-zone-error{display:flex}.unsupported .drop-zone-text{padding:0 12px}.unsupported .drop-zone-text .heading.invalid{line-height:18px}.unsupported .drop-zone-text .subtext{line-height:14px;margin-bottom:0}.unsupported .cancel-button .cancel-icon{width:18px!important;height:18px!important}.unsupported .cancel-button-documents{display:none}.max-reached,.max-reached-more-doc{opacity:.4;pointer-events:none;cursor:none}.max-reached-more-doc .drop-zone{padding:6px 0!important;height:170px}.max-reached-more-doc .drop-zone-text{padding-left:20px;padding-right:20px}.max-reached-more-media .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"] }]
|
|
6174
6184
|
}], ctorParameters: () => [], propDecorators: { containerRef: [{ type: i0.ViewChild, args: ['containerRef', { isSignal: true }] }], cropper: [{ type: i0.ViewChild, args: ['cropper', { isSignal: true }] }], docsViewport: [{ type: i0.ViewChild, args: ['docsViewport', { isSignal: true }] }], dropZoneContainer: [{ type: i0.ViewChild, args: ['dropZoneContainer', { isSignal: true }] }], inputRange: [{ type: i0.ViewChild, args: ['inputRange', { isSignal: true }] }], inputRef: [{ type: i0.ViewChild, args: ['inputRef', { isSignal: true }] }], avatarColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarColor", required: false }] }], crop: [{ type: i0.Input, args: [{ isSignal: true, alias: "crop", required: false }] }], deletedFileIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletedFileIds", required: false }] }], documentsDropZoneOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentsDropZoneOpen", required: false }] }], documentTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentTags", required: false }] }], dualDropZones: [{ type: i0.Input, args: [{ isSignal: true, alias: "dualDropZones", required: false }] }], excludedFileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedFileTypes", required: false }] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }], fileTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileTypes", required: false }] }], isCoverDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCoverDetails", required: false }] }], isDetailsSlider: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDetailsSlider", required: false }] }], isDocumentsMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDocumentsMode", required: false }] }], isDrawerMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDrawerMode", required: false }] }], isDualDropZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDualDropZone", required: false }] }], maxCountFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCountFiles", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], parentForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentForm", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], onCropPendingChange: [{ type: i0.Output, args: ["onCropPendingChange"] }], onDeletedFileIds: [{ type: i0.Output, args: ["onDeletedFileIds"] }], onDocsChange: [{ type: i0.Output, args: ["onDocsChange"] }], onDocumentDropZoneOpenChange: [{ type: i0.Output, args: ["onDocumentDropZoneOpenChange"] }], onDocumentFileNameChange: [{ type: i0.Output, args: ["onDocumentFileNameChange"] }], onDocumentPreviewClick: [{ type: i0.Output, args: ["onDocumentPreviewClick"] }], onDualDropChange: [{ type: i0.Output, args: ["onDualDropChange"] }] } });
|
|
6175
6185
|
|
|
6176
6186
|
const supportedFileTypes = [
|
|
@@ -11834,5 +11844,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
11834
11844
|
* Generated bundle index. Do not edit.
|
|
11835
11845
|
*/
|
|
11836
11846
|
|
|
11837
|
-
export { AvatarComponent, CaScrollableComponent, CaiInputDatetimePickerComponent, CopyComponent, CounterComponent, DEFAULT_CROP_ZOOM, DEFAULT_DUAL_DROP_ZONES,
|
|
11847
|
+
export { AvatarComponent, CaScrollableComponent, CaiInputDatetimePickerComponent, CopyComponent, CounterComponent, DEFAULT_CROP_ZOOM, DEFAULT_DUAL_DROP_ZONES, DOCS_OR_MEDIA_VARIANTS, DOCUMENT_THUMBNAIL_FALLBACK, DUAL_DROP_TARGETS, DispatchDropdownComponent, DispatchLocationComponent, DocumentThumbnailHelper, DropZoneComponent, DropdownTypes, FILE_PROCESSING_CONCURRENCY, IMAGE_PREVIEW_CSS_WIDTH, IMAGE_PREVIEW_VARIANTS, IMAGE_RESIZE_THRESHOLD_BYTES, INPUT_CHARACTER_SETS, InputAddressComponent, InputComponent, IntervalDropdownComponent, ListContactDropdownComponent, PDFJS_ASSET_BASE, PmComponent, RatingReviewComponent, ReviewModalComponent, SelectedBusinessFieldComponent, StickyScrollbarComponent, THUMBNAIL_MIME, THUMBNAIL_QUALITY, THUMBNAIL_WIDTH, TabOptionDropdownComponent, TextAreaComponent, VIDEO_THUMBNAIL_FALLBACK, VIDEO_THUMBNAIL_TIMEOUT_MS, eScrollState, ignoreWhenAutofilled, sizes };
|
|
11838
11848
|
//# sourceMappingURL=carriera-intern.mjs.map
|