cats-ui-lib 2.0.4 → 2.0.5

package/fesm2022/cats-ui-lib.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, forwardRef, Output, Input, Component, HostListener, ContentChild, ChangeDetectionStrategy, Directive, LOCALE_ID, Inject, TemplateRef, ContentChildren } from '@angular/core';
-import * as i1 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { CommonModule, NgClass, DatePipe } from '@angular/common';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { Validators, FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import * as i1$2 from '@angular/platform-browser';
 
 class CatsUiService {
     constructor() { }
@@ -111,7 +112,7 @@ class InputComponent {
                 useExisting: forwardRef(() => InputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"input_container\">\r\n  @if (inputConfig.label) {\r\n  <label>{{ inputConfig.label }}</label>\r\n  }\r\n  <div class=\"custom-input\">\r\n    <input\r\n      class=\"input-box\"\r\n      [type]=\"showPassword ? 'text' : inputConfig.type\"\r\n      [placeholder]=\"inputConfig.placeholder\"\r\n      [disabled]=\"disabled\"\r\n      [(ngModel)]=\"value\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur($event)\"\r\n      (keydown)=\"handleKeyDown($event)\"\r\n      (keyup)=\"handleKeyUp($event)\"\r\n    />\r\n    <!-- Eye Icon Only When Type Is Password -->\r\n    @if (inputConfig.type === 'password') {\r\n    <span class=\"eye_icon\" (click)=\"togglePassword()\">\r\n      <img\r\n        [src]=\"showPassword ? 'images/eye.svg' : 'images/eye-off.svg'\"\r\n        alt=\"toggle password visibility\"\r\n      />\r\n    </span>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.input_container{margin-bottom:calc(1rem / var(--scale))}.input_container label{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:600;margin-bottom:calc(.6666666667rem / var(--scale))}.input_container .custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.input_container .custom-input:has(span) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input{width:100%;height:calc(4.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input[type=password]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input:focus{outline:none;border-color:var(--blue-700)}.input_container .custom-input input:disabled{background-color:var(--neutral-100);cursor:not-allowed}.input_container .custom-input .eye_icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.input_container .custom-input .eye_icon img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+        ], ngImport: i0, template: "<div class=\"input_container\">\r\n  @if (inputConfig.label) {\r\n  <label>{{ inputConfig.label }}</label>\r\n  }\r\n  <div class=\"custom-input\">\r\n    <input\r\n      class=\"input-box\"\r\n      [type]=\"showPassword ? 'text' : inputConfig.type\"\r\n      [placeholder]=\"inputConfig.placeholder\"\r\n      [disabled]=\"disabled\"\r\n      [(ngModel)]=\"value\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur($event)\"\r\n      (keydown)=\"handleKeyDown($event)\"\r\n      (keyup)=\"handleKeyUp($event)\"\r\n    />\r\n    <!-- Eye Icon Only When Type Is Password -->\r\n    @if (inputConfig.type === 'password') {\r\n    <span class=\"eye_icon\" (click)=\"togglePassword()\">\r\n      <img\r\n        [src]=\"showPassword ? 'images/eye.svg' : 'images/eye-off.svg'\"\r\n        alt=\"toggle password visibility\"\r\n      />\r\n    </span>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.input_container{margin-bottom:calc(1rem / var(--scale))}.input_container label{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:600;margin-bottom:calc(.6666666667rem / var(--scale))}.input_container .custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.input_container .custom-input:has(span) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input{width:100%;height:calc(4.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input[type=password]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input:focus{outline:none;border-color:var(--blue-700)}.input_container .custom-input input:disabled{background-color:var(--neutral-100);cursor:not-allowed}.input_container .custom-input .eye_icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.input_container .custom-input .eye_icon img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
@@ -126,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => InputComponent),
                             multi: true,
                         },
-                    ], host: { tabindex: '0' }, template: "<div class=\"input_container\">\r\n  @if (inputConfig.label) {\r\n  <label>{{ inputConfig.label }}</label>\r\n  }\r\n  <div class=\"custom-input\">\r\n    <input\r\n      class=\"input-box\"\r\n      [type]=\"showPassword ? 'text' : inputConfig.type\"\r\n      [placeholder]=\"inputConfig.placeholder\"\r\n      [disabled]=\"disabled\"\r\n      [(ngModel)]=\"value\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur($event)\"\r\n      (keydown)=\"handleKeyDown($event)\"\r\n      (keyup)=\"handleKeyUp($event)\"\r\n    />\r\n    <!-- Eye Icon Only When Type Is Password -->\r\n    @if (inputConfig.type === 'password') {\r\n    <span class=\"eye_icon\" (click)=\"togglePassword()\">\r\n      <img\r\n        [src]=\"showPassword ? 'images/eye.svg' : 'images/eye-off.svg'\"\r\n        alt=\"toggle password visibility\"\r\n      />\r\n    </span>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.input_container{margin-bottom:calc(1rem / var(--scale))}.input_container label{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:600;margin-bottom:calc(.6666666667rem / var(--scale))}.input_container .custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.input_container .custom-input:has(span) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input{width:100%;height:calc(4.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input[type=password]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input:focus{outline:none;border-color:var(--blue-700)}.input_container .custom-input input:disabled{background-color:var(--neutral-100);cursor:not-allowed}.input_container .custom-input .eye_icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.input_container .custom-input .eye_icon img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}\n"] }]
+                    ], host: { tabindex: '0' }, template: "<div class=\"input_container\">\r\n  @if (inputConfig.label) {\r\n  <label>{{ inputConfig.label }}</label>\r\n  }\r\n  <div class=\"custom-input\">\r\n    <input\r\n      class=\"input-box\"\r\n      [type]=\"showPassword ? 'text' : inputConfig.type\"\r\n      [placeholder]=\"inputConfig.placeholder\"\r\n      [disabled]=\"disabled\"\r\n      [(ngModel)]=\"value\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur($event)\"\r\n      (keydown)=\"handleKeyDown($event)\"\r\n      (keyup)=\"handleKeyUp($event)\"\r\n    />\r\n    <!-- Eye Icon Only When Type Is Password -->\r\n    @if (inputConfig.type === 'password') {\r\n    <span class=\"eye_icon\" (click)=\"togglePassword()\">\r\n      <img\r\n        [src]=\"showPassword ? 'images/eye.svg' : 'images/eye-off.svg'\"\r\n        alt=\"toggle password visibility\"\r\n      />\r\n    </span>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.input_container{margin-bottom:calc(1rem / var(--scale))}.input_container label{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:600;margin-bottom:calc(.6666666667rem / var(--scale))}.input_container .custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.input_container .custom-input:has(span) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input{width:100%;height:calc(4.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.input_container .custom-input input[type=password]{padding-right:calc(3.75rem / var(--scale))}.input_container .custom-input input:focus{outline:none;border-color:var(--blue-700)}.input_container .custom-input input:disabled{background-color:var(--neutral-100);cursor:not-allowed}.input_container .custom-input .eye_icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.input_container .custom-input .eye_icon img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}\n"] }]
         }], propDecorators: { inputConfig: [{
                 type: Input
             }], onKeyDown: [{
@@ -182,6 +183,8 @@ class AutoCompleteMultiSelectConfig {
     chipLimit = 2;
     customInput = false;
     pattern = '';
+    infoText = '';
+    selectionLimit = 0;
 }
 class ToggleConfig {
     checked = false;
@@ -250,10 +253,10 @@ class SingleSelectComponent {
     toggleDropdown() {
         this.showDropdown = !this.showDropdown;
         if (this.parentNativeElement) {
-            this.parentNativeElement.scrollIntoView({
-                behavior: 'smooth',
-                block: 'center',
-            });
+            // this.parentNativeElement.scrollIntoView({
+            //   behavior: 'smooth',
+            //   block: 'center',
+            // });
             let parentDiv = document.getElementById(this.parentNativeElement);
             setTimeout(() => {
                 let parentBoundary = parentDiv?.getBoundingClientRect() || {};
@@ -422,7 +425,7 @@ class SingleSelectComponent {
                 multi: true,
             },
             SINGLE_SELECT_CONTROL_VALUE_VALIDATOR,
-        ], queries: [{ propertyName: "selectedData", first: true, predicate: ["selectedData"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-wrapper\" id=\"main-wrapper-single-select\">\r\n  <div\r\n    class=\"single-select-dropdown\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger':\r\n        (control?.touched || control?.dirty) &&\r\n        control?.invalid &&\r\n        control?.errors,\r\n      'disable-control': disableControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(singleSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ singleSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      } @if (!isObjEmpty(selectedOption) &&\r\n      selectedOption[singleSelectConfig.textField]) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption[singleSelectConfig.textField] }}\r\n        </span>\r\n      </ng-template>\r\n      }@else if(selectedOption && isObjEmpty(selectedOption)){\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate1\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate1 let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption }}\r\n        </span>\r\n      </ng-template>\r\n      }@else{\r\n      <span class=\"placeholderColor textTruncate\">{{\r\n        singleSelectConfig.placeholder\r\n      }}</span>\r\n\r\n      }\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div\r\n    class=\"dropdown-list\"\r\n    id=\"container_scroll\"\r\n    (scroll)=\"onDivScroll($event)\"\r\n  >\r\n    @if (singleSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" class=\"search_icon\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if(isObjEmpty(this.optionList[0] || \"\")){ @for (option of\r\n      filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\">{{ option }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } } @else { @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\">{{\r\n          option[singleSelectConfig.textField]\r\n        }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%}.main-wrapper:has(#container_scroll) .single-select-dropdown{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .single-select-dropdown .left_details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:0;width:calc(100% - 2rem / var(--scale));height:\"\"}.main-wrapper .single-select-dropdown .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .single-select-dropdown.disable_input{pointer-events:none;background-color:var(--neutral-50)}.main-wrapper .single-select-dropdown .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .single-select-dropdown .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .dropdown-list{border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list ul:has(.no_data) li:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .right-tick-icon{display:none}.main-wrapper ul li.selected{background-color:var(--neutral-50)}.main-wrapper ul li.selected .right-tick-icon{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "selectedData", first: true, predicate: ["selectedData"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-wrapper\" id=\"main-wrapper-single-select\">\r\n  <div\r\n    class=\"single-select-dropdown\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger':\r\n        (control?.touched || control?.dirty) &&\r\n        control?.invalid &&\r\n        control?.errors,\r\n      'disable-control': disableControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(singleSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ singleSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      } @if (!isObjEmpty(selectedOption) &&\r\n      selectedOption[singleSelectConfig.textField]) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption[singleSelectConfig.textField] }}\r\n        </span>\r\n      </ng-template>\r\n      }@else if(selectedOption && isObjEmpty(selectedOption)){\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate1\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate1 let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption }}\r\n        </span>\r\n      </ng-template>\r\n      }@else{\r\n      <span class=\"placeholderColor textTruncate\">{{\r\n        singleSelectConfig.placeholder\r\n      }}</span>\r\n\r\n      }\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div\r\n    class=\"dropdown-list\"\r\n    id=\"container_scroll\"\r\n    (scroll)=\"onDivScroll($event)\"\r\n  >\r\n    @if (singleSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" class=\"search_icon\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if(isObjEmpty(this.optionList[0] || \"\")){ @for (option of\r\n      filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\"> <img  src=\"images/x.svg\" alt=\"\">{{ option }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } } @else { @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\">{{\r\n          option[singleSelectConfig.textField]\r\n        }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%}.main-wrapper:has(#container_scroll) .single-select-dropdown{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .single-select-dropdown .left_details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:0;width:calc(100% - 2rem / var(--scale));height:\"\"}.main-wrapper .single-select-dropdown .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .single-select-dropdown.disable_input{pointer-events:none;background-color:var(--neutral-50)}.main-wrapper .single-select-dropdown .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .single-select-dropdown .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .dropdown-list{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list ul:has(.no_data) li:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .right-tick-icon{display:none}.main-wrapper ul li.selected{background-color:var(--neutral-50)}.main-wrapper ul li.selected .right-tick-icon{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SingleSelectComponent, decorators: [{
             type: Component,
@@ -433,7 +436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             multi: true,
                         },
                         SINGLE_SELECT_CONTROL_VALUE_VALIDATOR,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"main-wrapper\" id=\"main-wrapper-single-select\">\r\n  <div\r\n    class=\"single-select-dropdown\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger':\r\n        (control?.touched || control?.dirty) &&\r\n        control?.invalid &&\r\n        control?.errors,\r\n      'disable-control': disableControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(singleSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ singleSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      } @if (!isObjEmpty(selectedOption) &&\r\n      selectedOption[singleSelectConfig.textField]) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption[singleSelectConfig.textField] }}\r\n        </span>\r\n      </ng-template>\r\n      }@else if(selectedOption && isObjEmpty(selectedOption)){\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate1\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate1 let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption }}\r\n        </span>\r\n      </ng-template>\r\n      }@else{\r\n      <span class=\"placeholderColor textTruncate\">{{\r\n        singleSelectConfig.placeholder\r\n      }}</span>\r\n\r\n      }\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div\r\n    class=\"dropdown-list\"\r\n    id=\"container_scroll\"\r\n    (scroll)=\"onDivScroll($event)\"\r\n  >\r\n    @if (singleSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" class=\"search_icon\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if(isObjEmpty(this.optionList[0] || \"\")){ @for (option of\r\n      filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\">{{ option }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } } @else { @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\">{{\r\n          option[singleSelectConfig.textField]\r\n        }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%}.main-wrapper:has(#container_scroll) .single-select-dropdown{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .single-select-dropdown .left_details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:0;width:calc(100% - 2rem / var(--scale));height:\"\"}.main-wrapper .single-select-dropdown .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .single-select-dropdown.disable_input{pointer-events:none;background-color:var(--neutral-50)}.main-wrapper .single-select-dropdown .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .single-select-dropdown .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .dropdown-list{border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list ul:has(.no_data) li:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .right-tick-icon{display:none}.main-wrapper ul li.selected{background-color:var(--neutral-50)}.main-wrapper ul li.selected .right-tick-icon{display:block}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"main-wrapper\" id=\"main-wrapper-single-select\">\r\n  <div\r\n    class=\"single-select-dropdown\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger':\r\n        (control?.touched || control?.dirty) &&\r\n        control?.invalid &&\r\n        control?.errors,\r\n      'disable-control': disableControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(singleSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ singleSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      } @if (!isObjEmpty(selectedOption) &&\r\n      selectedOption[singleSelectConfig.textField]) {\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption[singleSelectConfig.textField] }}\r\n        </span>\r\n      </ng-template>\r\n      }@else if(selectedOption && isObjEmpty(selectedOption)){\r\n      <ng-container\r\n        [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate1\"\r\n        [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n      ></ng-container>\r\n\r\n      <ng-template #defaultTemplate1 let-data=\"data\">\r\n        <span class=\"textTruncate\">\r\n          {{ selectedOption }}\r\n        </span>\r\n      </ng-template>\r\n      }@else{\r\n      <span class=\"placeholderColor textTruncate\">{{\r\n        singleSelectConfig.placeholder\r\n      }}</span>\r\n\r\n      }\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        srcset=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div\r\n    class=\"dropdown-list\"\r\n    id=\"container_scroll\"\r\n    (scroll)=\"onDivScroll($event)\"\r\n  >\r\n    @if (singleSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" class=\"search_icon\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if(isObjEmpty(this.optionList[0] || \"\")){ @for (option of\r\n      filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\"> <img  src=\"images/x.svg\" alt=\"\">{{ option }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } } @else { @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            singleSelectConfig.disabledField &&\r\n            option[singleSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <span class=\"textTruncate\">{{\r\n          option[singleSelectConfig.textField]\r\n        }}</span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      } }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%}.main-wrapper:has(#container_scroll) .single-select-dropdown{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .single-select-dropdown .left_details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:0;width:calc(100% - 2rem / var(--scale));height:\"\"}.main-wrapper .single-select-dropdown .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .single-select-dropdown.disable_input{pointer-events:none;background-color:var(--neutral-50)}.main-wrapper .single-select-dropdown .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .single-select-dropdown .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .dropdown-list{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list ul:has(.no_data) li:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .right-tick-icon{display:none}.main-wrapper ul li.selected{background-color:var(--neutral-50)}.main-wrapper ul li.selected .right-tick-icon{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { optionList: [{
                 type: Input
             }], singleSelectConfig: [{
@@ -684,14 +687,14 @@ class MultiSelectComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: MultiSelectComponent, isStandalone: true, selector: "cats-ui-multi-select", inputs: { optionList: "optionList", multiSelectConfig: "multiSelectConfig", selectedOptions: "selectedOptions" }, outputs: { onSelection: "onSelection" }, host: { attributes: { "tabindex": "0" }, listeners: { "blur": "onTouched()", "document:click": "closeDropdown($event)" } }, providers: [
             MULTI_SELECT_CONTROL_VALUE_ACCESSOR,
             MULTI_SELECT_CONTROL_VALUE_VALIDATOR,
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-wrapper\">\r\n  <div\r\n    class=\"display-div\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger': this.inValid,\r\n      'disable-control': disabledControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(multiSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ multiSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      }\r\n      <div class=\"multi_label_wrapper\">\r\n        @if (selectedOptions.length>0) { @for (item of selectedOptions; track\r\n        $index) { @if(multiSelectConfig.chipLimit>=$index+1){\r\n        <div class=\"input_text\">\r\n          <span class=\"textTruncate\">{{\r\n            item[multiSelectConfig.textField]\r\n          }}</span>\r\n          <!-- <i-feather name=\"x\" (click)=\"$event.stopPropagation();updateSelectedOption(item)\"></i-feather> -->\r\n          <img\r\n            src=\"images/x.svg\"\r\n            (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n            class=\"cross_icon\"\r\n            alt=\"\"\r\n          />\r\n        </div>\r\n        } } } @else{\r\n        <span class=\"placeholderColor textTruncate\">{{\r\n          multiSelectConfig.placeholder\r\n        }}</span>\r\n        } @if(multiSelectConfig.chipLimit < selectedOptions.length) {\r\n        <div class=\"view_more\">\r\n          +{{ selectedOptions.length - multiSelectConfig.chipLimit }}\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown-list\" id=\"container_scroll\">\r\n    @if (multiSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if (multiSelectConfig.selectAll && optionList.length>0) {\r\n      <li (click)=\"checkUncheckAll()\">\r\n        <span class=\"checkbox_container\">\r\n          <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n          @if(isSelectedAll){ UnSelectAll } @else{ SelectAll }\r\n        </span>\r\n      </li>\r\n      } @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        class=\"checkbox_container\"\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            multiSelectConfig.disabledField &&\r\n            option[multiSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <input type=\"checkbox\" [checked]=\"option.isSelected\" />\r\n        <span class=\"textTruncate\"\r\n          >{{ option[multiSelectConfig.textField] }}\r\n        </span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%;height:calc(4.5rem / var(--scale));min-height:calc(4.5rem / var(--scale))}.main-wrapper:has(#container_scroll) .display-div{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .display-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));width:auto;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .display-div .left_details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.main-wrapper .display-div .left_details .multi_label_wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.1666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more,.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{height:calc(3.3333333333rem / var(--scale));background-color:var(--blue-50);color:var(--blue-700);border-radius:calc(1.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:400;text-wrap:nowrap}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text span{max-width:calc(10rem / var(--scale));font-weight:400}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text .cross_icon{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more{margin-right:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:calc(4.1666666667rem / var(--scale));text-align:center}.main-wrapper .display-div .left_details .multi_label_wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .display-div .left_details .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .display-div .left_details .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .display-div .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .display-div.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .display-div:has(.view_more) .arrow_icon{margin-left:calc(.8333333333rem / var(--scale))}.main-wrapper .dropdown-list{position:absolute;width:100%;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{opacity:.5;width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .dropdown-list ul{list-style-type:none;padding:0;margin-bottom:0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.main-wrapper .dropdown-list ul li{padding:calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li.no_data:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list ul .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"main-wrapper\">\r\n  <div\r\n    class=\"display-div\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger': this.inValid,\r\n      'disable-control': disabledControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(multiSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ multiSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      }\r\n      <div class=\"multi_label_wrapper\">\r\n        @if (selectedOptions.length>0) { @for (item of selectedOptions; track\r\n        $index) { @if(multiSelectConfig.chipLimit>=$index+1){\r\n        <div class=\"input_text\">\r\n          <span class=\"textTruncate\">{{\r\n            item[multiSelectConfig.textField]\r\n          }}</span>\r\n          <!-- <i-feather name=\"x\" (click)=\"$event.stopPropagation();updateSelectedOption(item)\"></i-feather> -->\r\n          <img\r\n            src=\"images/x.svg\"\r\n            (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n            class=\"cross_icon\"\r\n            alt=\"\"\r\n          />\r\n        </div>\r\n        } } } @else{\r\n        <span class=\"placeholderColor textTruncate\">{{\r\n          multiSelectConfig.placeholder\r\n        }}</span>\r\n        } @if(multiSelectConfig.chipLimit < selectedOptions.length) {\r\n        <div class=\"view_more\">\r\n          +{{ selectedOptions.length - multiSelectConfig.chipLimit }}\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown-list\" id=\"container_scroll\">\r\n    @if (multiSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if (multiSelectConfig.selectAll && optionList.length>0) {\r\n      <li (click)=\"checkUncheckAll()\">\r\n        <span class=\"checkbox_container\">\r\n          <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n          @if(isSelectedAll){ UnSelectAll } @else{ SelectAll }\r\n        </span>\r\n      </li>\r\n      } @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        class=\"checkbox_container\"\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            multiSelectConfig.disabledField &&\r\n            option[multiSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <input type=\"checkbox\" [checked]=\"option.isSelected\" />\r\n        <span class=\"textTruncate\"\r\n          >{{ option[multiSelectConfig.textField] }}\r\n        </span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%;height:calc(4.5rem / var(--scale));min-height:calc(4.5rem / var(--scale))}.main-wrapper:has(#container_scroll) .display-div{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .display-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));width:auto;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .display-div .left_details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.main-wrapper .display-div .left_details .multi_label_wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.1666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more,.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{height:calc(3.3333333333rem / var(--scale));background-color:var(--blue-50);color:var(--blue-700);border-radius:calc(1.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:400;text-wrap:nowrap}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text span{max-width:calc(10rem / var(--scale));font-weight:400}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text .cross_icon{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more{margin-right:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:calc(4.1666666667rem / var(--scale));text-align:center}.main-wrapper .display-div .left_details .multi_label_wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .display-div .left_details .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .display-div .left_details .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .display-div .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .display-div.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .display-div:has(.view_more) .arrow_icon{margin-left:calc(.8333333333rem / var(--scale))}.main-wrapper .dropdown-list{position:absolute;width:100%;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{opacity:.5;width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .dropdown-list ul{list-style-type:none;padding:0;margin-bottom:0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.main-wrapper .dropdown-list ul li{padding:calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li.no_data:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list ul .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cats-ui-multi-select', imports: [NgClass, FormsModule], providers: [
                         MULTI_SELECT_CONTROL_VALUE_ACCESSOR,
                         MULTI_SELECT_CONTROL_VALUE_VALIDATOR,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"main-wrapper\">\r\n  <div\r\n    class=\"display-div\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger': this.inValid,\r\n      'disable-control': disabledControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(multiSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ multiSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      }\r\n      <div class=\"multi_label_wrapper\">\r\n        @if (selectedOptions.length>0) { @for (item of selectedOptions; track\r\n        $index) { @if(multiSelectConfig.chipLimit>=$index+1){\r\n        <div class=\"input_text\">\r\n          <span class=\"textTruncate\">{{\r\n            item[multiSelectConfig.textField]\r\n          }}</span>\r\n          <!-- <i-feather name=\"x\" (click)=\"$event.stopPropagation();updateSelectedOption(item)\"></i-feather> -->\r\n          <img\r\n            src=\"images/x.svg\"\r\n            (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n            class=\"cross_icon\"\r\n            alt=\"\"\r\n          />\r\n        </div>\r\n        } } } @else{\r\n        <span class=\"placeholderColor textTruncate\">{{\r\n          multiSelectConfig.placeholder\r\n        }}</span>\r\n        } @if(multiSelectConfig.chipLimit < selectedOptions.length) {\r\n        <div class=\"view_more\">\r\n          +{{ selectedOptions.length - multiSelectConfig.chipLimit }}\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown-list\" id=\"container_scroll\">\r\n    @if (multiSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if (multiSelectConfig.selectAll && optionList.length>0) {\r\n      <li (click)=\"checkUncheckAll()\">\r\n        <span class=\"checkbox_container\">\r\n          <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n          @if(isSelectedAll){ UnSelectAll } @else{ SelectAll }\r\n        </span>\r\n      </li>\r\n      } @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        class=\"checkbox_container\"\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            multiSelectConfig.disabledField &&\r\n            option[multiSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <input type=\"checkbox\" [checked]=\"option.isSelected\" />\r\n        <span class=\"textTruncate\"\r\n          >{{ option[multiSelectConfig.textField] }}\r\n        </span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%;height:calc(4.5rem / var(--scale));min-height:calc(4.5rem / var(--scale))}.main-wrapper:has(#container_scroll) .display-div{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .display-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));width:auto;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .display-div .left_details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.main-wrapper .display-div .left_details .multi_label_wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.1666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more,.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{height:calc(3.3333333333rem / var(--scale));background-color:var(--blue-50);color:var(--blue-700);border-radius:calc(1.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:400;text-wrap:nowrap}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text span{max-width:calc(10rem / var(--scale));font-weight:400}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text .cross_icon{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more{margin-right:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:calc(4.1666666667rem / var(--scale));text-align:center}.main-wrapper .display-div .left_details .multi_label_wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .display-div .left_details .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .display-div .left_details .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .display-div .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .display-div.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .display-div:has(.view_more) .arrow_icon{margin-left:calc(.8333333333rem / var(--scale))}.main-wrapper .dropdown-list{position:absolute;width:100%;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{opacity:.5;width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .dropdown-list ul{list-style-type:none;padding:0;margin-bottom:0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.main-wrapper .dropdown-list ul li{padding:calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li.no_data:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list ul .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"main-wrapper\">\r\n  <div\r\n    class=\"display-div\"\r\n    (click)=\"toggleDropdown()\"\r\n    [ngClass]=\"{\r\n      'border-danger': this.inValid,\r\n      'disable-control': disabledControl\r\n    }\"\r\n  >\r\n    <div class=\"left_details\">\r\n      @if(multiSelectConfig.prefixLabel){\r\n      <span class=\"predefine_label\">\r\n        <p class=\"textTruncate\">{{ multiSelectConfig.prefixLabel }}</p>\r\n      </span>\r\n      }\r\n      <div class=\"multi_label_wrapper\">\r\n        @if (selectedOptions.length>0) { @for (item of selectedOptions; track\r\n        $index) { @if(multiSelectConfig.chipLimit>=$index+1){\r\n        <div class=\"input_text\">\r\n          <span class=\"textTruncate\">{{\r\n            item[multiSelectConfig.textField]\r\n          }}</span>\r\n          <!-- <i-feather name=\"x\" (click)=\"$event.stopPropagation();updateSelectedOption(item)\"></i-feather> -->\r\n          <img\r\n            src=\"images/x.svg\"\r\n            (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n            class=\"cross_icon\"\r\n            alt=\"\"\r\n          />\r\n        </div>\r\n        } } } @else{\r\n        <span class=\"placeholderColor textTruncate\">{{\r\n          multiSelectConfig.placeholder\r\n        }}</span>\r\n        } @if(multiSelectConfig.chipLimit < selectedOptions.length) {\r\n        <div class=\"view_more\">\r\n          +{{ selectedOptions.length - multiSelectConfig.chipLimit }}\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <span class=\"arrow_icon\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </span>\r\n  </div>\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown-list\" id=\"container_scroll\">\r\n    @if (multiSelectConfig.enableSearch) {\r\n    <div class=\"search_bar\">\r\n      <div class=\"input_box\">\r\n        <img src=\"images/search.svg\" alt=\"\" />\r\n        <input\r\n          type=\"text\"\r\n          class=\"filter_search_box\"\r\n          name=\"\"\r\n          id=\"\"\r\n          placeholder=\"Search here\"\r\n          [(ngModel)]=\"searchText\"\r\n        />\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          alt=\"\"\r\n          (click)=\"searchText = ''\"\r\n        />\r\n      </div>\r\n    </div>\r\n    }\r\n    <ul>\r\n      @if (multiSelectConfig.selectAll && optionList.length>0) {\r\n      <li (click)=\"checkUncheckAll()\">\r\n        <span class=\"checkbox_container\">\r\n          <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n          @if(isSelectedAll){ UnSelectAll } @else{ SelectAll }\r\n        </span>\r\n      </li>\r\n      } @for (option of filteredOptionsValue; track $index) {\r\n      <li\r\n        class=\"checkbox_container\"\r\n        (click)=\"updateSelectedOption(option)\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            multiSelectConfig.disabledField &&\r\n            option[multiSelectConfig.disabledField]\r\n        }\"\r\n      >\r\n        <input type=\"checkbox\" [checked]=\"option.isSelected\" />\r\n        <span class=\"textTruncate\"\r\n          >{{ option[multiSelectConfig.textField] }}\r\n        </span>\r\n      </li>\r\n      } @empty {\r\n      <li class=\"no_data\">No Data Found.</li>\r\n      }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main-wrapper{position:relative;width:100%;height:calc(4.5rem / var(--scale));min-height:calc(4.5rem / var(--scale))}.main-wrapper:has(#container_scroll) .display-div{border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.main-wrapper .display-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));width:auto;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer}.main-wrapper .display-div .left_details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.main-wrapper .display-div .left_details .multi_label_wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.1666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more,.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{height:calc(3.3333333333rem / var(--scale));background-color:var(--blue-50);color:var(--blue-700);border-radius:calc(1.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:400;text-wrap:nowrap}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text span{max-width:calc(10rem / var(--scale));font-weight:400}.main-wrapper .display-div .left_details .multi_label_wrapper .input_text .cross_icon{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .display-div .left_details .multi_label_wrapper .view_more{margin-right:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:calc(4.1666666667rem / var(--scale));text-align:center}.main-wrapper .display-div .left_details .multi_label_wrapper .placeholderColor{color:var(--neutral-400)}.main-wrapper .display-div .left_details .predefine_label{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(.6666666667rem / var(--scale));border:none;height:calc(4.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--neutral-300);color:var(--default);border-top-left-radius:calc(.6666666667rem / var(--scale));border-bottom-left-radius:calc(.6666666667rem / var(--scale));margin:0 calc(1.3333333333rem / var(--scale)) 0 calc(-1.4166666667rem / var(--scale))}.main-wrapper .display-div .left_details .predefine_label p{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.main-wrapper .display-div .arrow_icon img{max-width:calc(2rem / var(--scale))}.main-wrapper .display-div.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--red)}.main-wrapper .display-div:has(.view_more) .arrow_icon{margin-left:calc(.8333333333rem / var(--scale))}.main-wrapper .dropdown-list{position:absolute;width:100%;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);top:calc(4.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.main-wrapper .dropdown-list .search_bar .input_box{width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));overflow:hidden}.main-wrapper .dropdown-list .search_bar .input_box img{opacity:.5;width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box{flex-grow:1;border:none;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);padding:0}.main-wrapper .dropdown-list .search_bar .input_box .filter_search_box::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list .search_bar .input_box .cross_icon{cursor:pointer}.main-wrapper .dropdown-list ul{list-style-type:none;padding:0;margin-bottom:0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.main-wrapper .dropdown-list ul li{padding:calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;cursor:pointer;color:var(--default)}.main-wrapper .dropdown-list ul li.no_data:hover{background-color:unset;cursor:default}.main-wrapper .dropdown-list ul li:hover{background-color:var(--neutral-50)}.main-wrapper .dropdown-list ul li.disabled_option{opacity:.3;pointer-events:none}.main-wrapper .dropdown-list ul .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.main-wrapper .dropdown-list ul .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { optionList: [{
                 type: Input
             }], multiSelectConfig: [{
@@ -759,7 +762,7 @@ class SearchBoxComponent {
                 useExisting: forwardRef(() => SearchBoxComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"search_input\">\r\n  <img src=\"images/search.svg\" alt=\"\" srcset=\"\" />\r\n  <input\r\n    [placeholder]=\"searchConfig.placeholder\"\r\n    type=\"text\"\r\n    [value]=\"searchParam\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n  @if (searchParam.length > 0) {\r\n  <div class=\"cross_icon\">\r\n    <img src=\"images/x.svg\" alt=\"\" srcset=\"\" (click)=\"closeSearchBar()\" />\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.search_input{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.search_input:has(input:focus){border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.search_input img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.search_input input{width:100%;height:100%;border:0;font-size:var(--fs-16);line-height:140%;font-weight:400;color:var(--default);padding:0}.search_input input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.search_input .cross_icon{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }] });
+        ], ngImport: i0, template: "<div class=\"search_input\">\r\n  <img src=\"images/search.svg\" alt=\"\" srcset=\"\" />\r\n  <input\r\n    [placeholder]=\"searchConfig.placeholder\"\r\n    type=\"text\"\r\n    [value]=\"searchParam\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n  @if (searchParam.length > 0) {\r\n  <div class=\"cross_icon\">\r\n    <img src=\"images/x.svg\" alt=\"\" srcset=\"\" (click)=\"closeSearchBar()\" />\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.search_input{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.search_input:has(input:focus){border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.search_input img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.search_input input{width:100%;height:100%;border:0;font-size:var(--fs-16);line-height:140%;font-weight:400;color:var(--default);padding:0}.search_input input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.search_input .cross_icon{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SearchBoxComponent, decorators: [{
             type: Component,
@@ -769,7 +772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => SearchBoxComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"search_input\">\r\n  <img src=\"images/search.svg\" alt=\"\" srcset=\"\" />\r\n  <input\r\n    [placeholder]=\"searchConfig.placeholder\"\r\n    type=\"text\"\r\n    [value]=\"searchParam\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n  @if (searchParam.length > 0) {\r\n  <div class=\"cross_icon\">\r\n    <img src=\"images/x.svg\" alt=\"\" srcset=\"\" (click)=\"closeSearchBar()\" />\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.search_input{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.search_input:has(input:focus){border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.search_input img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.search_input input{width:100%;height:100%;border:0;font-size:var(--fs-16);line-height:140%;font-weight:400;color:var(--default);padding:0}.search_input input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.search_input .cross_icon{cursor:pointer}\n"] }]
+                    ], template: "<div class=\"search_input\">\r\n  <img src=\"images/search.svg\" alt=\"\" srcset=\"\" />\r\n  <input\r\n    [placeholder]=\"searchConfig.placeholder\"\r\n    type=\"text\"\r\n    [value]=\"searchParam\"\r\n    (input)=\"onInputChange($event)\"\r\n    (blur)=\"onTouched()\"\r\n  />\r\n  @if (searchParam.length > 0) {\r\n  <div class=\"cross_icon\">\r\n    <img src=\"images/x.svg\" alt=\"\" srcset=\"\" (click)=\"closeSearchBar()\" />\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.search_input{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.search_input:has(input:focus){border:calc(.0833333333rem / var(--scale)) solid var(--blue-700)}.search_input img{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.5}.search_input input{width:100%;height:100%;border:0;font-size:var(--fs-16);line-height:140%;font-weight:400;color:var(--default);padding:0}.search_input input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.search_input .cross_icon{cursor:pointer}\n"] }]
         }], propDecorators: { searchConfig: [{
                 type: Input
             }], onClose: [{
@@ -1012,7 +1015,7 @@ class AutoCompleteSingleSelectComponent {
                 multi: true,
             },
             DROPDOWN_CONTROL_VALUE_VALIDATOR,
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"main_container\" catsOutsideClick (clickOutSide)=\"outsideClicked()\">\r\n  <div class=\"input_container\">\r\n    <div class=\"input_box\">\r\n      <input\r\n        class=\"textTruncate\"\r\n        type=\"text\"\r\n        [(ngModel)]=\"inputValue\"\r\n        (keyup.enter)=\"onClickEnter(inputValue)\"\r\n        (keyup)=\"updateDropdownStatus()\"\r\n        (input)=\"updateDropdownStatus()\"\r\n        [placeholder]=\"autoSingleSelectConfig.placeholder\"\r\n      />\r\n    </div>\r\n    <div class=\"arrow_icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"up-arrow\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"down-arrow\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown_list_single_auto_select\">\r\n    <!-- if optionList is an array of object-->\r\n    @if (isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if\r\n          (item[autoSingleSelectConfig.textField].toLowerCase().includes(inputValue.toLowerCase())\r\n          || inputValue == '') {\r\n          <li\r\n            (click)=\"updateSelectedItem(item, 'object')\"\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n          >\r\n            <span class=\"textTruncate\">\r\n              {{ item[autoSingleSelectConfig.textField] }}\r\n            </span>\r\n          </li>\r\n          }\r\n        </ng-container>\r\n        }\r\n      </ul>\r\n    </ng-container>\r\n    }\r\n\r\n    <!-- if optionList is an array of string-->\r\n    @if (!isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if (item.includes(inputValue) || inputValue == '') {\r\n          <li\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n            (click)=\"updateSelectedItem(item, 'string')\"\r\n          >\r\n            {{ item }}\r\n          </li>\r\n\r\n          } </ng-container\r\n        >}\r\n      </ul></ng-container\r\n    >}\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main_container{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale))}.main_container .input_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer;height:inherit}.main_container .input_container .input_box{width:calc(100% - 2rem / var(--scale));height:100%}.main_container .input_container .input_box input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-900);width:100%;height:100%;border:none;outline:none;padding:0}.main_container .input_container .input_box input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .input_container .input_box .drop_icon{cursor:pointer;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale))}.main_container .input_container .arrow_icon img{max-width:calc(2rem / var(--scale))}.main_container .dropdown_list_single_auto_select{position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));top:calc(4.6666666667rem / var(--scale))}.main_container .dropdown_list_single_auto_select ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main_container .dropdown_list_single_auto_select ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main_container .dropdown_list_single_auto_select ul li.disabled_option{opacity:.4;pointer-events:none}.main_container .dropdown_list_single_auto_select ul li:hover{background-color:var(--neutral-50)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"main_container\" catsOutsideClick (clickOutSide)=\"outsideClicked()\">\r\n  <div class=\"input_container\">\r\n    <div class=\"input_box\">\r\n      <input (click)=\"toggleDropdown();$event.stopPropagation()\"\r\n        class=\"textTruncate\"\r\n        type=\"text\"\r\n        [(ngModel)]=\"inputValue\"\r\n        (keyup.enter)=\"onClickEnter(inputValue)\"\r\n        (keyup)=\"updateDropdownStatus()\"\r\n        (input)=\"updateDropdownStatus()\"\r\n        [placeholder]=\"autoSingleSelectConfig.placeholder\"\r\n      />\r\n    </div>\r\n    <div class=\"arrow_icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"up-arrow\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"down-arrow\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown_list_single_auto_select\">\r\n    <!-- if optionList is an array of object-->\r\n    @if (isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if\r\n          (item[autoSingleSelectConfig.textField].toLowerCase().includes(inputValue.toLowerCase())\r\n          || inputValue == '') {\r\n          <li\r\n            (click)=\"updateSelectedItem(item, 'object')\"\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n          >\r\n            <span class=\"textTruncate\">\r\n              {{ item[autoSingleSelectConfig.textField] }}\r\n            </span>\r\n          </li>\r\n          }\r\n        </ng-container>\r\n        }\r\n      </ul>\r\n    </ng-container>\r\n    }\r\n\r\n    <!-- if optionList is an array of string-->\r\n    @if (!isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if (item.includes(inputValue) || inputValue == '') {\r\n          <li\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n            (click)=\"updateSelectedItem(item, 'string')\"\r\n          >\r\n            {{ item }}\r\n          </li>\r\n\r\n          } </ng-container\r\n        >}\r\n      </ul></ng-container\r\n    >}\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main_container{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale))}.main_container .input_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer;height:inherit}.main_container .input_container .input_box{width:calc(100% - 2rem / var(--scale));height:100%}.main_container .input_container .input_box input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-900);width:100%;height:100%;border:none;outline:none;padding:0}.main_container .input_container .input_box input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .input_container .input_box .drop_icon{cursor:pointer;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale))}.main_container .input_container .arrow_icon img{max-width:calc(2rem / var(--scale))}.main_container .dropdown_list_single_auto_select{position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));top:calc(4.6666666667rem / var(--scale))}.main_container .dropdown_list_single_auto_select ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main_container .dropdown_list_single_auto_select ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main_container .dropdown_list_single_auto_select ul li.disabled_option{opacity:.4;pointer-events:none}.main_container .dropdown_list_single_auto_select ul li:hover{background-color:var(--neutral-50)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AutoCompleteSingleSelectComponent, decorators: [{
             type: Component,
@@ -1023,7 +1026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             multi: true,
                         },
                         DROPDOWN_CONTROL_VALUE_VALIDATOR,
-                    ], host: { tabindex: '0' }, template: "<div class=\"main_container\" catsOutsideClick (clickOutSide)=\"outsideClicked()\">\r\n  <div class=\"input_container\">\r\n    <div class=\"input_box\">\r\n      <input\r\n        class=\"textTruncate\"\r\n        type=\"text\"\r\n        [(ngModel)]=\"inputValue\"\r\n        (keyup.enter)=\"onClickEnter(inputValue)\"\r\n        (keyup)=\"updateDropdownStatus()\"\r\n        (input)=\"updateDropdownStatus()\"\r\n        [placeholder]=\"autoSingleSelectConfig.placeholder\"\r\n      />\r\n    </div>\r\n    <div class=\"arrow_icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"up-arrow\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"down-arrow\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown_list_single_auto_select\">\r\n    <!-- if optionList is an array of object-->\r\n    @if (isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if\r\n          (item[autoSingleSelectConfig.textField].toLowerCase().includes(inputValue.toLowerCase())\r\n          || inputValue == '') {\r\n          <li\r\n            (click)=\"updateSelectedItem(item, 'object')\"\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n          >\r\n            <span class=\"textTruncate\">\r\n              {{ item[autoSingleSelectConfig.textField] }}\r\n            </span>\r\n          </li>\r\n          }\r\n        </ng-container>\r\n        }\r\n      </ul>\r\n    </ng-container>\r\n    }\r\n\r\n    <!-- if optionList is an array of string-->\r\n    @if (!isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if (item.includes(inputValue) || inputValue == '') {\r\n          <li\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n            (click)=\"updateSelectedItem(item, 'string')\"\r\n          >\r\n            {{ item }}\r\n          </li>\r\n\r\n          } </ng-container\r\n        >}\r\n      </ul></ng-container\r\n    >}\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main_container{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale))}.main_container .input_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer;height:inherit}.main_container .input_container .input_box{width:calc(100% - 2rem / var(--scale));height:100%}.main_container .input_container .input_box input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-900);width:100%;height:100%;border:none;outline:none;padding:0}.main_container .input_container .input_box input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .input_container .input_box .drop_icon{cursor:pointer;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale))}.main_container .input_container .arrow_icon img{max-width:calc(2rem / var(--scale))}.main_container .dropdown_list_single_auto_select{position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));top:calc(4.6666666667rem / var(--scale))}.main_container .dropdown_list_single_auto_select ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main_container .dropdown_list_single_auto_select ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main_container .dropdown_list_single_auto_select ul li.disabled_option{opacity:.4;pointer-events:none}.main_container .dropdown_list_single_auto_select ul li:hover{background-color:var(--neutral-50)}\n"] }]
+                    ], host: { tabindex: '0' }, template: "<div class=\"main_container\" catsOutsideClick (clickOutSide)=\"outsideClicked()\">\r\n  <div class=\"input_container\">\r\n    <div class=\"input_box\">\r\n      <input (click)=\"toggleDropdown();$event.stopPropagation()\"\r\n        class=\"textTruncate\"\r\n        type=\"text\"\r\n        [(ngModel)]=\"inputValue\"\r\n        (keyup.enter)=\"onClickEnter(inputValue)\"\r\n        (keyup)=\"updateDropdownStatus()\"\r\n        (input)=\"updateDropdownStatus()\"\r\n        [placeholder]=\"autoSingleSelectConfig.placeholder\"\r\n      />\r\n    </div>\r\n    <div class=\"arrow_icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        alt=\"up-arrow\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        alt=\"down-arrow\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown_list_single_auto_select\">\r\n    <!-- if optionList is an array of object-->\r\n    @if (isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if\r\n          (item[autoSingleSelectConfig.textField].toLowerCase().includes(inputValue.toLowerCase())\r\n          || inputValue == '') {\r\n          <li\r\n            (click)=\"updateSelectedItem(item, 'object')\"\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n          >\r\n            <span class=\"textTruncate\">\r\n              {{ item[autoSingleSelectConfig.textField] }}\r\n            </span>\r\n          </li>\r\n          }\r\n        </ng-container>\r\n        }\r\n      </ul>\r\n    </ng-container>\r\n    }\r\n\r\n    <!-- if optionList is an array of string-->\r\n    @if (!isObject(optionsList[0])) {\r\n    <ng-container>\r\n      <ul>\r\n        @for (item of optionsList; track $index) {\r\n        <ng-container>\r\n          @if (item.includes(inputValue) || inputValue == '') {\r\n          <li\r\n            [ngClass]=\"\r\n              autoSingleSelectConfig.disabledField &&\r\n              item[autoSingleSelectConfig.disabledField]\r\n                ? 'disabled_option'\r\n                : ''\r\n            \"\r\n            (click)=\"updateSelectedItem(item, 'string')\"\r\n          >\r\n            {{ item }}\r\n          </li>\r\n\r\n          } </ng-container\r\n        >}\r\n      </ul></ng-container\r\n    >}\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main_container{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale))}.main_container .input_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--white);color:var(--default);cursor:pointer;height:inherit}.main_container .input_container .input_box{width:calc(100% - 2rem / var(--scale));height:100%}.main_container .input_container .input_box input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-900);width:100%;height:100%;border:none;outline:none;padding:0}.main_container .input_container .input_box input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .input_container .input_box .drop_icon{cursor:pointer;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale))}.main_container .input_container .arrow_icon img{max-width:calc(2rem / var(--scale))}.main_container .dropdown_list_single_auto_select{position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));top:calc(4.6666666667rem / var(--scale))}.main_container .dropdown_list_single_auto_select ul{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.main_container .dropdown_list_single_auto_select ul li{height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--default)}.main_container .dropdown_list_single_auto_select ul li.disabled_option{opacity:.4;pointer-events:none}.main_container .dropdown_list_single_auto_select ul li:hover{background-color:var(--neutral-50)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { autoSingleSelectConfig: [{
                 type: Input
             }], placeholder: [{
@@ -1041,6 +1044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
             }] } });
 
 class AutoCompleteMultiSelectComponent {
+    sanitizer;
     autoCompleteMultiSelectConfig;
     selectedItem;
     optionsList = [];
@@ -1054,8 +1058,13 @@ class AutoCompleteMultiSelectComponent {
     inValid = false;
     control;
     isDisabled = false;
-    constructor() { }
-    ngOnInit() { }
+    safePlaceholder;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    ngOnInit() {
+        this.safePlaceholder = this.sanitizer.bypassSecurityTrustHtml(this.autoCompleteMultiSelectConfig?.placeholder);
+    }
     ngOnChanges(_changes) {
         if (!_changes['optionList']?.currentValue) {
         }
@@ -1065,13 +1074,6 @@ class AutoCompleteMultiSelectComponent {
     }
     onChange = () => { };
     onTouched = () => { };
-    applyDefaultConfig() {
-        const defaults = new AutoCompleteMultiSelectConfig();
-        this.autoCompleteMultiSelectConfig = {
-            ...defaults,
-            ...this.autoCompleteMultiSelectConfig,
-        };
-    }
     /**
      * @description Method to toggle dropdown list
      * @author Shiva Kant
@@ -1344,7 +1346,7 @@ class AutoCompleteMultiSelectComponent {
         this.isSelectedAll =
             selectable.length > 0 && selectable.every((opt) => !!opt.isSelected);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AutoCompleteMultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AutoCompleteMultiSelectComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: AutoCompleteMultiSelectComponent, isStandalone: true, selector: "cats-ui-input-multi-select", inputs: { autoCompleteMultiSelectConfig: "autoCompleteMultiSelectConfig", selectedItem: "selectedItem", optionsList: "optionsList", parentNativeElement: "parentNativeElement" }, outputs: { onItemSelection: "onItemSelection", onScroll: "onScroll" }, host: { attributes: { "tabindex": "0" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -1356,7 +1358,7 @@ class AutoCompleteMultiSelectComponent {
                 useExisting: forwardRef(() => AutoCompleteMultiSelectComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"main_container\">\r\n  <div\r\n    class=\"input_container\"\r\n    catsOutsideClick\r\n    (clickOutSide)=\"outsideClicked()\"\r\n  >\r\n    <div class=\"chips_wrapper\">\r\n      <!-- Chips -->\r\n      @for (item of selectedOptions; track $index) { @if ($index <\r\n      autoCompleteMultiSelectConfig.chipLimit) {\r\n      <div class=\"chip\" (click)=\"$event.stopPropagation()\">\r\n        <span class=\"textTruncate\">\r\n          {{\r\n            isObject(item)\r\n              ? item[autoCompleteMultiSelectConfig.textField]\r\n              : item\r\n          }}\r\n        </span>\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          (click)=\"$event.stopPropagation(); removeChip(item)\"\r\n        />\r\n      </div>\r\n      } }\r\n      <!-- +N counter -->\r\n      @if (selectedOptions.length > autoCompleteMultiSelectConfig.chipLimit) {\r\n      <div class=\"view_more\">\r\n        +{{ selectedOptions.length - autoCompleteMultiSelectConfig.chipLimit }}\r\n      </div>\r\n      }\r\n      <!-- Input Box (always available) -->\r\n      <div class=\"input_box\" (click)=\"$event.stopPropagation()\">\r\n        <input\r\n          type=\"text\"\r\n         [value]=\"inputValue\"\r\n  (input)=\"onInput($event)\"\r\n          (keyup.enter)=\"onClickEnter()\"\r\n          (keyup)=\"updateDropdownStatus()\"\r\n          [placeholder]=\"\r\n            selectedOptions.length === 0\r\n              ? autoCompleteMultiSelectConfig.placeholder\r\n              : ''\r\n          \"\r\n        />\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Dropdown toggle -->\r\n    <div class=\"arrow_icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Dropdown list -->\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown_list_multi_auto_select\" id=\"container_scroll\" (click)=\" onDivScroll($event)\">\r\n    <ul>\r\n      <!-- Select All -->\r\n      @if (autoCompleteMultiSelectConfig.selectAll) {\r\n      <li\r\n        class=\"checkbox_container select_all_item\"\r\n        (click)=\"checkUncheckAll($event)\"\r\n      >\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"isSelectedAll\"\r\n          (click)=\"$event.stopPropagation(); checkUncheckAll($event)\"\r\n        />\r\n        <span>{{ isSelectedAll ? \"Unselect All\" : \"Select All\" }}</span>\r\n      </li>\r\n      }\r\n\r\n      <!-- Object Options -->\r\n      @if (isObject(optionsList[0])) { @for (item of optionsList; track $index)\r\n      { @if (item[autoCompleteMultiSelectConfig.textField] .toLowerCase()\r\n      .includes(inputValue.toLowerCase()) || inputValue == \"\") {\r\n\r\n      <li\r\n        class=\"checkbox_container\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            autoCompleteMultiSelectConfig.disabledField &&\r\n            item[autoCompleteMultiSelectConfig.disabledField]\r\n        }\"\r\n        (click)=\"updateSelectedItem(item, 'object')\"\r\n      >\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"item.isSelected\"\r\n          (click)=\"$event.stopPropagation(); updateSelectedItem(item, 'object')\"\r\n        />\r\n\r\n        <span class=\"textTruncate\">{{\r\n          item[autoCompleteMultiSelectConfig.textField]\r\n        }}</span>\r\n      </li>\r\n      } } }\r\n\r\n      <!-- String Options -->\r\n      @if (!isObject(optionsList[0])) { @for (item of optionsList; track $index)\r\n      { @if (item.toLowerCase().includes(inputValue.toLowerCase()) || inputValue\r\n      == \"\") {\r\n      <li\r\n        class=\"checkbox_container\"\r\n        (click)=\"updateSelectedItem(item, 'string')\"\r\n      >\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"selectedOptions.includes(item)\"\r\n          (click)=\"$event.stopPropagation(); updateSelectedItem(item, 'string')\"\r\n        />\r\n        <span class=\"textTruncate\">{{ item }}</span>\r\n      </li>\r\n      } } }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main_container{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale))}.main_container .input_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));background-color:var(--white);color:var(--neutral-900);cursor:pointer;height:inherit}.main_container .input_container .chips_wrapper .chip,.main_container .input_container .chips_wrapper .view_more{height:calc(3.3333333333rem / var(--scale));background-color:var(--blue-50);color:var(--blue-700);border-radius:calc(1.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:400;text-wrap:nowrap}.main_container .input_container .chips_wrapper{display:flex;flex-direction:\"\";justify-content:\"\";align-items:center;flex-wrap:wrap;gap:calc(1rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:100%}.main_container .input_container .chips_wrapper .view_more{margin-right:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:calc(4.1666666667rem / var(--scale));text-align:center}.main_container .input_container .chips_wrapper .chip{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.main_container .input_container .chips_wrapper .chip span{max-width:calc(12.5rem / var(--scale));font-weight:400}.main_container .input_container .chips_wrapper .chip .cross_icon{max-width:calc(1.6666666667rem / var(--scale))}.main_container .input_container .input_box{width:auto;height:100%;display:flex;flex:1}.main_container .input_container .input_box input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);flex:1;border:none;outline:none;padding:0;height:auto}.main_container .input_container .input_box input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .input_container .arrow_icon img{max-width:calc(2rem / var(--scale))}.main_container .dropdown_list_multi_auto_select{position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));top:calc(4.6666666667rem / var(--scale))}.main_container .dropdown_list_multi_auto_select ul{list-style-type:none;padding:0;margin-bottom:0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.main_container .dropdown_list_multi_auto_select ul li{padding:calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;cursor:pointer;color:var(--default)}.main_container .dropdown_list_multi_auto_select ul li.disabled_option{opacity:.4;pointer-events:none}.main_container .dropdown_list_multi_auto_select ul li:hover{background-color:var(--neutral-50)}.main_container .dropdown_list_multi_auto_select ul .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-main-container\">\r\n  <div\r\n    class=\"input-container\"\r\n    [class.active]=\"showDropdown\"\r\n    catsOutsideClick\r\n    (clickOutSide)=\"outsideClicked()\"\r\n  >\r\n    <div class=\"chips-wrapper\">\r\n      <!-- Chips -->\r\n      @for (item of selectedOptions; track $index) {\r\n        @if ($index < autoCompleteMultiSelectConfig.chipLimit) {\r\n          <div class=\"chip\" (click)=\"$event.stopPropagation()\">\r\n            <span class=\"textTruncate chip-text\">\r\n              {{\r\n                isObject(item)\r\n                  ? item[autoCompleteMultiSelectConfig.textField]\r\n                  : item\r\n              }}\r\n            </span>\r\n            <img\r\n              src=\"images/x-circle.svg\"\r\n              class=\"cross-icon\"\r\n              (click)=\"$event.stopPropagation(); removeChip(item)\"\r\n            />\r\n          </div>\r\n        }\r\n      }\r\n      <!-- +N counter -->\r\n      @if (selectedOptions.length > autoCompleteMultiSelectConfig.chipLimit) {\r\n        <div class=\"view-more\">\r\n          +{{\r\n            selectedOptions.length - autoCompleteMultiSelectConfig.chipLimit\r\n          }}\r\n        </div>\r\n      }\r\n      <!-- Input Box (always available) -->\r\n      <div\r\n        class=\"input-box\"\r\n        (click)=\"toggleDropdown(); $event.stopPropagation()\"\r\n      >\r\n        <input\r\n          type=\"text\"\r\n          class=\"multi-select-input\"\r\n          [value]=\"inputValue\"\r\n          (input)=\"onInput($event)\"\r\n          (keyup.enter)=\"onClickEnter()\"\r\n          (keyup)=\"updateDropdownStatus()\"\r\n        />\r\n        @if (selectedOptions.length === 0&&!inputValue) {\r\n          <div class=\"fake-placeholder\" [innerHTML]=\"safePlaceholder\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Dropdown toggle -->\r\n    <div class=\"arrow-icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Dropdown list -->\r\n  @if (showDropdown) {\r\n    <div\r\n      class=\"dropdown-list-multi-auto-select\"\r\n      id=\"container_scroll\"\r\n      (click)=\"onDivScroll($event)\"\r\n    >\r\n    @if (\r\n      autoCompleteMultiSelectConfig.infoText ||\r\n      autoCompleteMultiSelectConfig.selectionLimit\r\n    ) {\r\n      <div class=\"headerRow\">\r\n        @if (autoCompleteMultiSelectConfig.infoText) {\r\n          <span class=\"infoText\">\r\n            {{ autoCompleteMultiSelectConfig.infoText }}\r\n          </span>\r\n        }\r\n\r\n        @if (autoCompleteMultiSelectConfig.selectionLimit) {\r\n          <span class=\"countText\">\r\n            {{ selectedOptions.length }}/{{\r\n              autoCompleteMultiSelectConfig.selectionLimit\r\n            }}\r\n            are Selected\r\n          </span>\r\n        }\r\n      </div>\r\n    }\r\n      <ul class=\"ul-multi-select\">\r\n        <!-- infotext -->\r\n        <!-- Select All -->\r\n        @if (autoCompleteMultiSelectConfig.selectAll) {\r\n          <li\r\n            class=\"checkbox-container select-all-item\"\r\n            (click)=\"checkUncheckAll($event)\"\r\n          >\r\n            <input\r\n              type=\"checkbox\"\r\n              class=\"input-checkbox\"\r\n              [checked]=\"isSelectedAll\"\r\n              (click)=\"$event.stopPropagation(); checkUncheckAll($event)\"\r\n            />\r\n            <span>{{ isSelectedAll ? \"Unselect All\" : \"Select All\" }}</span>\r\n          </li>\r\n        }\r\n\r\n        <!-- Object Options -->\r\n        @if (isObject(optionsList[0])) {\r\n          @for (item of optionsList; track $index) {\r\n            @if (\r\n              item[autoCompleteMultiSelectConfig.textField]\r\n                .toLowerCase()\r\n                .includes(inputValue.toLowerCase()) || inputValue == \"\"\r\n            ) {\r\n              <li\r\n                class=\"checkbox-container\"\r\n                [ngClass]=\"{\r\n                  'disabled-option':\r\n                    autoCompleteMultiSelectConfig.disabledField &&\r\n                    item[autoCompleteMultiSelectConfig.disabledField],\r\n                }\"\r\n                (click)=\"updateSelectedItem(item, 'object')\"\r\n              >\r\n                <input\r\n                  type=\"checkbox\"\r\n                  class=\"input-checkbox\"\r\n                  [checked]=\"item.isSelected\"\r\n                  (click)=\"\r\n                    $event.stopPropagation(); updateSelectedItem(item, 'object')\r\n                  \"\r\n                />\r\n\r\n                <span class=\"textTruncate\">{{\r\n                  item[autoCompleteMultiSelectConfig.textField]\r\n                }}</span>\r\n              </li>\r\n            }\r\n          }\r\n        }\r\n\r\n        <!-- String Options -->\r\n        @if (!isObject(optionsList[0])) {\r\n          @for (item of optionsList; track $index) {\r\n            @if (\r\n              item.toLowerCase().includes(inputValue.toLowerCase()) ||\r\n              inputValue == \"\"\r\n            ) {\r\n              <li\r\n                class=\"checkbox-container\"\r\n                (click)=\"updateSelectedItem(item, 'string')\"\r\n              >\r\n                <input\r\n                  type=\"checkbox\"\r\n                  class=\"input-checkbox\"\r\n                  [checked]=\"selectedOptions.includes(item)\"\r\n                  (click)=\"\r\n                    $event.stopPropagation(); updateSelectedItem(item, 'string')\r\n                  \"\r\n                />\r\n                <span class=\"textTruncate\">{{ item }}</span>\r\n              </li>\r\n            }\r\n          }\r\n        }\r\n      </ul>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-container{position:relative;display:flex;flex-direction:column;justify-content:\"\";align-items:flex-start;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));width:100%;height:calc(4rem / var(--scale))}.cats-main-container .input-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale));background-color:var(--surface-background-canvas);cursor:pointer;height:inherit;width:100%;box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow)}.cats-main-container .input-container.active{border-color:var(--border-interaction-focus)}.cats-main-container .input-container .chips-wrapper .chip,.cats-main-container .input-container .chips-wrapper .view-more{height:calc(2.3333333333rem / var(--scale));background-color:var(--surface-background-default);color:var(--text-body-primary);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(3rem / var(--scale));padding:calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));text-wrap:nowrap;font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-container .input-container .chips-wrapper{display:flex;flex-direction:\"\";justify-content:\"\";align-items:center;flex-wrap:wrap;gap:calc(.3333333333rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:calc(2.3333333333rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .view-more{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;text-align:center;max-width:calc(4.1666666667rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .chip{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .chip .chip-text{max-width:calc(16.6666666667rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .chip .cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.cats-main-container .input-container .input-box{width:auto;height:100%;display:flex;flex:1}.cats-main-container .input-container .input-box .multi-select-input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);flex:1;border:none;outline:none;padding:0;height:auto}.cats-main-container .input-container .input-box .multi-select-input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-main-container .input-container .input-box .fake-placeholder{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-body-secondary);pointer-events:none;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-container .input-container .input-box .fake-placeholder img{width:calc(1.3333333333rem / var(--scale))!important;height:calc(1.3333333333rem / var(--scale))!important}.cats-main-container .input-container .arrow-icon img{max-width:calc(2rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select{width:100%;z-index:2;background:var(--surface-background-canvas);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select .headerRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select .headerRow .infoText{color:var(--text-body-secondary);font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.cats-main-container .dropdown-list-multi-auto-select .headerRow .countText{color:var(--text-body-primary);font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select{list-style-type:none;max-height:calc(20rem / var(--scale));overflow:auto}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400;height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--text-heading-primary)}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox:after{content:\"\";display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container.disabled-option{pointer-events:none;color:var(--text-body-muted)}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container:hover{background-color:var(--surface-background-blue)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AutoCompleteMultiSelectComponent, decorators: [{
             type: Component,
@@ -1371,8 +1373,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => AutoCompleteMultiSelectComponent),
                             multi: true,
                         },
-                    ], host: { tabindex: '0' }, template: "<div class=\"main_container\">\r\n  <div\r\n    class=\"input_container\"\r\n    catsOutsideClick\r\n    (clickOutSide)=\"outsideClicked()\"\r\n  >\r\n    <div class=\"chips_wrapper\">\r\n      <!-- Chips -->\r\n      @for (item of selectedOptions; track $index) { @if ($index <\r\n      autoCompleteMultiSelectConfig.chipLimit) {\r\n      <div class=\"chip\" (click)=\"$event.stopPropagation()\">\r\n        <span class=\"textTruncate\">\r\n          {{\r\n            isObject(item)\r\n              ? item[autoCompleteMultiSelectConfig.textField]\r\n              : item\r\n          }}\r\n        </span>\r\n        <img\r\n          src=\"images/x.svg\"\r\n          class=\"cross_icon\"\r\n          (click)=\"$event.stopPropagation(); removeChip(item)\"\r\n        />\r\n      </div>\r\n      } }\r\n      <!-- +N counter -->\r\n      @if (selectedOptions.length > autoCompleteMultiSelectConfig.chipLimit) {\r\n      <div class=\"view_more\">\r\n        +{{ selectedOptions.length - autoCompleteMultiSelectConfig.chipLimit }}\r\n      </div>\r\n      }\r\n      <!-- Input Box (always available) -->\r\n      <div class=\"input_box\" (click)=\"$event.stopPropagation()\">\r\n        <input\r\n          type=\"text\"\r\n         [value]=\"inputValue\"\r\n  (input)=\"onInput($event)\"\r\n          (keyup.enter)=\"onClickEnter()\"\r\n          (keyup)=\"updateDropdownStatus()\"\r\n          [placeholder]=\"\r\n            selectedOptions.length === 0\r\n              ? autoCompleteMultiSelectConfig.placeholder\r\n              : ''\r\n          \"\r\n        />\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Dropdown toggle -->\r\n    <div class=\"arrow_icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Dropdown list -->\r\n  @if (showDropdown) {\r\n  <div class=\"dropdown_list_multi_auto_select\" id=\"container_scroll\" (click)=\" onDivScroll($event)\">\r\n    <ul>\r\n      <!-- Select All -->\r\n      @if (autoCompleteMultiSelectConfig.selectAll) {\r\n      <li\r\n        class=\"checkbox_container select_all_item\"\r\n        (click)=\"checkUncheckAll($event)\"\r\n      >\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"isSelectedAll\"\r\n          (click)=\"$event.stopPropagation(); checkUncheckAll($event)\"\r\n        />\r\n        <span>{{ isSelectedAll ? \"Unselect All\" : \"Select All\" }}</span>\r\n      </li>\r\n      }\r\n\r\n      <!-- Object Options -->\r\n      @if (isObject(optionsList[0])) { @for (item of optionsList; track $index)\r\n      { @if (item[autoCompleteMultiSelectConfig.textField] .toLowerCase()\r\n      .includes(inputValue.toLowerCase()) || inputValue == \"\") {\r\n\r\n      <li\r\n        class=\"checkbox_container\"\r\n        [ngClass]=\"{\r\n          disabled_option:\r\n            autoCompleteMultiSelectConfig.disabledField &&\r\n            item[autoCompleteMultiSelectConfig.disabledField]\r\n        }\"\r\n        (click)=\"updateSelectedItem(item, 'object')\"\r\n      >\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"item.isSelected\"\r\n          (click)=\"$event.stopPropagation(); updateSelectedItem(item, 'object')\"\r\n        />\r\n\r\n        <span class=\"textTruncate\">{{\r\n          item[autoCompleteMultiSelectConfig.textField]\r\n        }}</span>\r\n      </li>\r\n      } } }\r\n\r\n      <!-- String Options -->\r\n      @if (!isObject(optionsList[0])) { @for (item of optionsList; track $index)\r\n      { @if (item.toLowerCase().includes(inputValue.toLowerCase()) || inputValue\r\n      == \"\") {\r\n      <li\r\n        class=\"checkbox_container\"\r\n        (click)=\"updateSelectedItem(item, 'string')\"\r\n      >\r\n        <input\r\n          type=\"checkbox\"\r\n          [checked]=\"selectedOptions.includes(item)\"\r\n          (click)=\"$event.stopPropagation(); updateSelectedItem(item, 'string')\"\r\n        />\r\n        <span class=\"textTruncate\">{{ item }}</span>\r\n      </li>\r\n      } } }\r\n    </ul>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.main_container{position:relative;width:100%;height:calc(4.6666666667rem / var(--scale))}.main_container .input_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));background-color:var(--white);color:var(--neutral-900);cursor:pointer;height:inherit}.main_container .input_container .chips_wrapper .chip,.main_container .input_container .chips_wrapper .view_more{height:calc(3.3333333333rem / var(--scale));background-color:var(--blue-50);color:var(--blue-700);border-radius:calc(1.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:400;text-wrap:nowrap}.main_container .input_container .chips_wrapper{display:flex;flex-direction:\"\";justify-content:\"\";align-items:center;flex-wrap:wrap;gap:calc(1rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:100%}.main_container .input_container .chips_wrapper .view_more{margin-right:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:calc(4.1666666667rem / var(--scale));text-align:center}.main_container .input_container .chips_wrapper .chip{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.main_container .input_container .chips_wrapper .chip span{max-width:calc(12.5rem / var(--scale));font-weight:400}.main_container .input_container .chips_wrapper .chip .cross_icon{max-width:calc(1.6666666667rem / var(--scale))}.main_container .input_container .input_box{width:auto;height:100%;display:flex;flex:1}.main_container .input_container .input_box input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);flex:1;border:none;outline:none;padding:0;height:auto}.main_container .input_container .input_box input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .input_container .arrow_icon img{max-width:calc(2rem / var(--scale))}.main_container .dropdown_list_multi_auto_select{position:absolute;width:100%;z-index:2;background:var(--white);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));top:calc(4.6666666667rem / var(--scale))}.main_container .dropdown_list_multi_auto_select ul{list-style-type:none;padding:0;margin-bottom:0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.main_container .dropdown_list_multi_auto_select ul li{padding:calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;cursor:pointer;color:var(--default)}.main_container .dropdown_list_multi_auto_select ul li.disabled_option{opacity:.4;pointer-events:none}.main_container .dropdown_list_multi_auto_select ul li:hover{background-color:var(--neutral-50)}.main_container .dropdown_list_multi_auto_select ul .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.main_container .dropdown_list_multi_auto_select ul .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { autoCompleteMultiSelectConfig: [{
+                    ], host: { tabindex: '0' }, template: "<div class=\"cats-main-container\">\r\n  <div\r\n    class=\"input-container\"\r\n    [class.active]=\"showDropdown\"\r\n    catsOutsideClick\r\n    (clickOutSide)=\"outsideClicked()\"\r\n  >\r\n    <div class=\"chips-wrapper\">\r\n      <!-- Chips -->\r\n      @for (item of selectedOptions; track $index) {\r\n        @if ($index < autoCompleteMultiSelectConfig.chipLimit) {\r\n          <div class=\"chip\" (click)=\"$event.stopPropagation()\">\r\n            <span class=\"textTruncate chip-text\">\r\n              {{\r\n                isObject(item)\r\n                  ? item[autoCompleteMultiSelectConfig.textField]\r\n                  : item\r\n              }}\r\n            </span>\r\n            <img\r\n              src=\"images/x-circle.svg\"\r\n              class=\"cross-icon\"\r\n              (click)=\"$event.stopPropagation(); removeChip(item)\"\r\n            />\r\n          </div>\r\n        }\r\n      }\r\n      <!-- +N counter -->\r\n      @if (selectedOptions.length > autoCompleteMultiSelectConfig.chipLimit) {\r\n        <div class=\"view-more\">\r\n          +{{\r\n            selectedOptions.length - autoCompleteMultiSelectConfig.chipLimit\r\n          }}\r\n        </div>\r\n      }\r\n      <!-- Input Box (always available) -->\r\n      <div\r\n        class=\"input-box\"\r\n        (click)=\"toggleDropdown(); $event.stopPropagation()\"\r\n      >\r\n        <input\r\n          type=\"text\"\r\n          class=\"multi-select-input\"\r\n          [value]=\"inputValue\"\r\n          (input)=\"onInput($event)\"\r\n          (keyup.enter)=\"onClickEnter()\"\r\n          (keyup)=\"updateDropdownStatus()\"\r\n        />\r\n        @if (selectedOptions.length === 0&&!inputValue) {\r\n          <div class=\"fake-placeholder\" [innerHTML]=\"safePlaceholder\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Dropdown toggle -->\r\n    <div class=\"arrow-icon\" (click)=\"toggleDropdown()\">\r\n      <img\r\n        src=\"images/chevron-up.svg\"\r\n        [ngClass]=\"{ 'd-none': !showDropdown }\"\r\n      />\r\n      <img\r\n        src=\"images/chevron-down.svg\"\r\n        [ngClass]=\"{ 'd-none': showDropdown }\"\r\n      />\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Dropdown list -->\r\n  @if (showDropdown) {\r\n    <div\r\n      class=\"dropdown-list-multi-auto-select\"\r\n      id=\"container_scroll\"\r\n      (click)=\"onDivScroll($event)\"\r\n    >\r\n    @if (\r\n      autoCompleteMultiSelectConfig.infoText ||\r\n      autoCompleteMultiSelectConfig.selectionLimit\r\n    ) {\r\n      <div class=\"headerRow\">\r\n        @if (autoCompleteMultiSelectConfig.infoText) {\r\n          <span class=\"infoText\">\r\n            {{ autoCompleteMultiSelectConfig.infoText }}\r\n          </span>\r\n        }\r\n\r\n        @if (autoCompleteMultiSelectConfig.selectionLimit) {\r\n          <span class=\"countText\">\r\n            {{ selectedOptions.length }}/{{\r\n              autoCompleteMultiSelectConfig.selectionLimit\r\n            }}\r\n            are Selected\r\n          </span>\r\n        }\r\n      </div>\r\n    }\r\n      <ul class=\"ul-multi-select\">\r\n        <!-- infotext -->\r\n        <!-- Select All -->\r\n        @if (autoCompleteMultiSelectConfig.selectAll) {\r\n          <li\r\n            class=\"checkbox-container select-all-item\"\r\n            (click)=\"checkUncheckAll($event)\"\r\n          >\r\n            <input\r\n              type=\"checkbox\"\r\n              class=\"input-checkbox\"\r\n              [checked]=\"isSelectedAll\"\r\n              (click)=\"$event.stopPropagation(); checkUncheckAll($event)\"\r\n            />\r\n            <span>{{ isSelectedAll ? \"Unselect All\" : \"Select All\" }}</span>\r\n          </li>\r\n        }\r\n\r\n        <!-- Object Options -->\r\n        @if (isObject(optionsList[0])) {\r\n          @for (item of optionsList; track $index) {\r\n            @if (\r\n              item[autoCompleteMultiSelectConfig.textField]\r\n                .toLowerCase()\r\n                .includes(inputValue.toLowerCase()) || inputValue == \"\"\r\n            ) {\r\n              <li\r\n                class=\"checkbox-container\"\r\n                [ngClass]=\"{\r\n                  'disabled-option':\r\n                    autoCompleteMultiSelectConfig.disabledField &&\r\n                    item[autoCompleteMultiSelectConfig.disabledField],\r\n                }\"\r\n                (click)=\"updateSelectedItem(item, 'object')\"\r\n              >\r\n                <input\r\n                  type=\"checkbox\"\r\n                  class=\"input-checkbox\"\r\n                  [checked]=\"item.isSelected\"\r\n                  (click)=\"\r\n                    $event.stopPropagation(); updateSelectedItem(item, 'object')\r\n                  \"\r\n                />\r\n\r\n                <span class=\"textTruncate\">{{\r\n                  item[autoCompleteMultiSelectConfig.textField]\r\n                }}</span>\r\n              </li>\r\n            }\r\n          }\r\n        }\r\n\r\n        <!-- String Options -->\r\n        @if (!isObject(optionsList[0])) {\r\n          @for (item of optionsList; track $index) {\r\n            @if (\r\n              item.toLowerCase().includes(inputValue.toLowerCase()) ||\r\n              inputValue == \"\"\r\n            ) {\r\n              <li\r\n                class=\"checkbox-container\"\r\n                (click)=\"updateSelectedItem(item, 'string')\"\r\n              >\r\n                <input\r\n                  type=\"checkbox\"\r\n                  class=\"input-checkbox\"\r\n                  [checked]=\"selectedOptions.includes(item)\"\r\n                  (click)=\"\r\n                    $event.stopPropagation(); updateSelectedItem(item, 'string')\r\n                  \"\r\n                />\r\n                <span class=\"textTruncate\">{{ item }}</span>\r\n              </li>\r\n            }\r\n          }\r\n        }\r\n      </ul>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-container{position:relative;display:flex;flex-direction:column;justify-content:\"\";align-items:flex-start;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));width:100%;height:calc(4rem / var(--scale))}.cats-main-container .input-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale));background-color:var(--surface-background-canvas);cursor:pointer;height:inherit;width:100%;box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow)}.cats-main-container .input-container.active{border-color:var(--border-interaction-focus)}.cats-main-container .input-container .chips-wrapper .chip,.cats-main-container .input-container .chips-wrapper .view-more{height:calc(2.3333333333rem / var(--scale));background-color:var(--surface-background-default);color:var(--text-body-primary);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(3rem / var(--scale));padding:calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));text-wrap:nowrap;font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-container .input-container .chips-wrapper{display:flex;flex-direction:\"\";justify-content:\"\";align-items:center;flex-wrap:wrap;gap:calc(.3333333333rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:calc(2.3333333333rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .view-more{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;text-align:center;max-width:calc(4.1666666667rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .chip{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .chip .chip-text{max-width:calc(16.6666666667rem / var(--scale))}.cats-main-container .input-container .chips-wrapper .chip .cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.cats-main-container .input-container .input-box{width:auto;height:100%;display:flex;flex:1}.cats-main-container .input-container .input-box .multi-select-input{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--default);flex:1;border:none;outline:none;padding:0;height:auto}.cats-main-container .input-container .input-box .multi-select-input::placeholder{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-main-container .input-container .input-box .fake-placeholder{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-body-secondary);pointer-events:none;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-container .input-container .input-box .fake-placeholder img{width:calc(1.3333333333rem / var(--scale))!important;height:calc(1.3333333333rem / var(--scale))!important}.cats-main-container .input-container .arrow-icon img{max-width:calc(2rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select{width:100%;z-index:2;background:var(--surface-background-canvas);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select .headerRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select .headerRow .infoText{color:var(--text-body-secondary);font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.cats-main-container .dropdown-list-multi-auto-select .headerRow .countText{color:var(--text-body-primary);font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select{list-style-type:none;max-height:calc(20rem / var(--scale));overflow:auto}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400;height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));cursor:pointer;color:var(--text-heading-primary)}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox:after{content:\"\";display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container .input-checkbox:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container.disabled-option{pointer-events:none;color:var(--text-body-muted)}.cats-main-container .dropdown-list-multi-auto-select .ul-multi-select .checkbox-container:hover{background-color:var(--surface-background-blue)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { autoCompleteMultiSelectConfig: [{
                 type: Input
             }], selectedItem: [{
                 type: Input
@@ -1417,7 +1419,7 @@ class ToogleButtonComponent {
                 useExisting: forwardRef(() => ToogleButtonComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"toggle_button\">\r\n  <label class=\"switch\">\r\n    <input \r\n      type=\"checkbox\" \r\n      [checked]=\"toggleConfig.checked\" \r\n      [disabled]=\"toggleConfig.disabled\"\r\n      (change)=\"toggle()\"\r\n    />\r\n    <span class=\"slider round\"></span>\r\n      <span class=\"toggle-status\">\r\n    {{ toggleConfig.checked ? 'ON' : 'OFF' }}\r\n  </span>\r\n  </label>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.toggle_button .switch{position:relative;display:flex;width:calc(3rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.toggle_button .switch input{opacity:0;width:0;height:0}.toggle_button .switch input:focus{box-shadow:unset}.toggle_button .switch input+.slider{box-shadow:0 0 calc(.0833333333rem / var(--scale)) var(--box-shadow)}.toggle_button .switch input:checked+.slider{background-color:var(--blue-600)}.toggle_button .switch input:checked+.slider:before{-webkit-transform:translateX(calc(2.1666666667rem / var(--scale)));-ms-transform:translateX(calc(2.1666666667rem / var(--scale)));transform:translate(calc(2.1666666667rem / var(--scale)));left:calc(-.75rem / var(--scale));bottom:calc(.1666666667rem / var(--scale))}.toggle_button .switch .slider{position:absolute;background-color:var(--neutral-100);cursor:pointer;inset:0;transition:.4s}.toggle_button .switch .slider:before{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));content:\"\";background-color:var(--white);transition:.4s;position:absolute;left:calc(.25rem / var(--scale));bottom:calc(.1666666667rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--box-shadow)}.toggle_button .switch .slider.round{border-radius:calc(1rem / var(--scale))}.toggle_button .switch .slider.round:before{border-radius:50%}.toggle_button .switch .toggle-status{color:var(--white);z-index:9;padding-left:calc(.1666666667rem / var(--scale));font-size:var(--fs-8);line-height:calc(2rem / var(--scale));font-weight:400}\n"] });
+        ], ngImport: i0, template: "<div class=\"toggle_button\">\r\n  <label class=\"switch\">\r\n    <input \r\n      type=\"checkbox\" \r\n      [checked]=\"toggleConfig.checked\" \r\n      [disabled]=\"toggleConfig.disabled\"\r\n      (change)=\"toggle()\"\r\n    />\r\n    <span class=\"slider round\"></span>\r\n      <span class=\"toggle-status\">\r\n    {{ toggleConfig.checked ? 'ON' : 'OFF' }}\r\n  </span>\r\n  </label>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.toggle_button .switch{position:relative;display:flex;width:calc(3rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.toggle_button .switch input{opacity:0;width:0;height:0}.toggle_button .switch input:focus{box-shadow:unset}.toggle_button .switch input+.slider{box-shadow:0 0 calc(.0833333333rem / var(--scale)) var(--box-shadow)}.toggle_button .switch input:checked+.slider{background-color:var(--blue-600)}.toggle_button .switch input:checked+.slider:before{-webkit-transform:translateX(calc(2.1666666667rem / var(--scale)));-ms-transform:translateX(calc(2.1666666667rem / var(--scale)));transform:translate(calc(2.1666666667rem / var(--scale)));left:calc(-.75rem / var(--scale));bottom:calc(.1666666667rem / var(--scale))}.toggle_button .switch .slider{position:absolute;background-color:var(--neutral-100);cursor:pointer;inset:0;transition:.4s}.toggle_button .switch .slider:before{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));content:\"\";background-color:var(--white);transition:.4s;position:absolute;left:calc(.25rem / var(--scale));bottom:calc(.1666666667rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--box-shadow)}.toggle_button .switch .slider.round{border-radius:calc(1rem / var(--scale))}.toggle_button .switch .slider.round:before{border-radius:50%}.toggle_button .switch .toggle-status{color:var(--white);z-index:9;padding-left:calc(.1666666667rem / var(--scale));font-size:var(--fs-8);line-height:calc(2rem / var(--scale));font-weight:400}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ToogleButtonComponent, decorators: [{
             type: Component,
@@ -1427,7 +1429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => ToogleButtonComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"toggle_button\">\r\n  <label class=\"switch\">\r\n    <input \r\n      type=\"checkbox\" \r\n      [checked]=\"toggleConfig.checked\" \r\n      [disabled]=\"toggleConfig.disabled\"\r\n      (change)=\"toggle()\"\r\n    />\r\n    <span class=\"slider round\"></span>\r\n      <span class=\"toggle-status\">\r\n    {{ toggleConfig.checked ? 'ON' : 'OFF' }}\r\n  </span>\r\n  </label>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.toggle_button .switch{position:relative;display:flex;width:calc(3rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.toggle_button .switch input{opacity:0;width:0;height:0}.toggle_button .switch input:focus{box-shadow:unset}.toggle_button .switch input+.slider{box-shadow:0 0 calc(.0833333333rem / var(--scale)) var(--box-shadow)}.toggle_button .switch input:checked+.slider{background-color:var(--blue-600)}.toggle_button .switch input:checked+.slider:before{-webkit-transform:translateX(calc(2.1666666667rem / var(--scale)));-ms-transform:translateX(calc(2.1666666667rem / var(--scale)));transform:translate(calc(2.1666666667rem / var(--scale)));left:calc(-.75rem / var(--scale));bottom:calc(.1666666667rem / var(--scale))}.toggle_button .switch .slider{position:absolute;background-color:var(--neutral-100);cursor:pointer;inset:0;transition:.4s}.toggle_button .switch .slider:before{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));content:\"\";background-color:var(--white);transition:.4s;position:absolute;left:calc(.25rem / var(--scale));bottom:calc(.1666666667rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--box-shadow)}.toggle_button .switch .slider.round{border-radius:calc(1rem / var(--scale))}.toggle_button .switch .slider.round:before{border-radius:50%}.toggle_button .switch .toggle-status{color:var(--white);z-index:9;padding-left:calc(.1666666667rem / var(--scale));font-size:var(--fs-8);line-height:calc(2rem / var(--scale));font-weight:400}\n"] }]
+                    ], template: "<div class=\"toggle_button\">\r\n  <label class=\"switch\">\r\n    <input \r\n      type=\"checkbox\" \r\n      [checked]=\"toggleConfig.checked\" \r\n      [disabled]=\"toggleConfig.disabled\"\r\n      (change)=\"toggle()\"\r\n    />\r\n    <span class=\"slider round\"></span>\r\n      <span class=\"toggle-status\">\r\n    {{ toggleConfig.checked ? 'ON' : 'OFF' }}\r\n  </span>\r\n  </label>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.toggle_button .switch{position:relative;display:flex;width:calc(3rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.toggle_button .switch input{opacity:0;width:0;height:0}.toggle_button .switch input:focus{box-shadow:unset}.toggle_button .switch input+.slider{box-shadow:0 0 calc(.0833333333rem / var(--scale)) var(--box-shadow)}.toggle_button .switch input:checked+.slider{background-color:var(--blue-600)}.toggle_button .switch input:checked+.slider:before{-webkit-transform:translateX(calc(2.1666666667rem / var(--scale)));-ms-transform:translateX(calc(2.1666666667rem / var(--scale)));transform:translate(calc(2.1666666667rem / var(--scale)));left:calc(-.75rem / var(--scale));bottom:calc(.1666666667rem / var(--scale))}.toggle_button .switch .slider{position:absolute;background-color:var(--neutral-100);cursor:pointer;inset:0;transition:.4s}.toggle_button .switch .slider:before{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));content:\"\";background-color:var(--white);transition:.4s;position:absolute;left:calc(.25rem / var(--scale));bottom:calc(.1666666667rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--box-shadow)}.toggle_button .switch .slider.round{border-radius:calc(1rem / var(--scale))}.toggle_button .switch .slider.round:before{border-radius:50%}.toggle_button .switch .toggle-status{color:var(--white);z-index:9;padding-left:calc(.1666666667rem / var(--scale));font-size:var(--fs-8);line-height:calc(2rem / var(--scale));font-weight:400}\n"] }]
         }], propDecorators: { toggleConfig: [{
                 type: Input
             }], onToggled: [{
@@ -1582,7 +1584,7 @@ class CheckboxButtonComponent {
                 useExisting: forwardRef(() => CheckboxButtonComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"parent_container\">\r\n  <ul>\r\n    @for (task of optionList; let parentIndex = $index; track $index) {\r\n    <li>\r\n      <!-- Parent Checkbox -->\r\n      <label class=\"checkbox_container\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [name]=\"checkBoxConfig.name\"\r\n          [checked]=\"task.checked\"\r\n          [disabled]=\"\r\n            checkBoxConfig.disabledField\r\n              ? task[checkBoxConfig.disabledField]\r\n              : false\r\n          \"\r\n          [indeterminate]=\"partiallyComplete(task)\"\r\n          (change)=\"onCheckboxChange($event, parentIndex)\"\r\n        />\r\n        <span class=\"textTruncate\">{{ task[textField] }}</span>\r\n      </label>\r\n\r\n      <!-- Subtasks -->\r\n      @if (task.subtasks && task.subtasks.length > 0) {\r\n      <ul class=\"sub\">\r\n        @for (sub of task.subtasks; let idx = $index; track $index) {\r\n        <li>\r\n          <label class=\"checkbox_container\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"sub.checked\"\r\n              (change)=\"onCheckboxChange($event, parentIndex, idx)\"\r\n            />\r\n            <!-- <span class=\"checkmark\"></span> -->\r\n            <span class=\"label-text\">{{ sub[textField] }}</span>\r\n          </label>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.parent_container .sub{margin-left:calc(2.9166666667rem / var(--scale))}.parent_container .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale))}.parent_container .checkbox_container input[type=checkbox][disabled],.parent_container .checkbox_container input[type=checkbox]:checked[disabled]{cursor:default;background-color:var(--neutral-100);border-color:var(--neutral-100)}.parent_container .checkbox_container input[type=checkbox][disabled]+span,.parent_container .checkbox_container input[type=checkbox]:checked[disabled]+span{color:var(--neutral-300)}.parent_container .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.parent_container .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.parent_container .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}.parent_container .checkbox_container input[type=checkbox]:indeterminate{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:indeterminate:after{display:block;background-image:url(/images/indeterminate.svg)}\n"] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"parent_container\">\r\n  <ul>\r\n    @for (task of optionList; let parentIndex = $index; track $index) {\r\n    <li>\r\n      <!-- Parent Checkbox -->\r\n      <label class=\"checkbox_container\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [name]=\"checkBoxConfig.name\"\r\n          [checked]=\"task.checked\"\r\n          [disabled]=\"\r\n            checkBoxConfig.disabledField\r\n              ? task[checkBoxConfig.disabledField]\r\n              : false\r\n          \"\r\n          [indeterminate]=\"partiallyComplete(task)\"\r\n          (change)=\"onCheckboxChange($event, parentIndex)\"\r\n        />\r\n        <span class=\"textTruncate\">{{ task[textField] }}</span>\r\n      </label>\r\n\r\n      <!-- Subtasks -->\r\n      @if (task.subtasks && task.subtasks.length > 0) {\r\n      <ul class=\"sub\">\r\n        @for (sub of task.subtasks; let idx = $index; track $index) {\r\n        <li>\r\n          <label class=\"checkbox_container\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"sub.checked\"\r\n              (change)=\"onCheckboxChange($event, parentIndex, idx)\"\r\n            />\r\n            <!-- <span class=\"checkmark\"></span> -->\r\n            <span class=\"label-text\">{{ sub[textField] }}</span>\r\n          </label>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.parent_container .sub{margin-left:calc(2.9166666667rem / var(--scale))}.parent_container .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale))}.parent_container .checkbox_container input[type=checkbox][disabled],.parent_container .checkbox_container input[type=checkbox]:checked[disabled]{cursor:default;background-color:var(--neutral-100);border-color:var(--neutral-100)}.parent_container .checkbox_container input[type=checkbox][disabled]+span,.parent_container .checkbox_container input[type=checkbox]:checked[disabled]+span{color:var(--neutral-300)}.parent_container .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.parent_container .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.parent_container .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}.parent_container .checkbox_container input[type=checkbox]:indeterminate{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:indeterminate:after{display:block;background-image:url(/images/indeterminate.svg)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CheckboxButtonComponent, decorators: [{
             type: Component,
@@ -1592,7 +1594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => CheckboxButtonComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"parent_container\">\r\n  <ul>\r\n    @for (task of optionList; let parentIndex = $index; track $index) {\r\n    <li>\r\n      <!-- Parent Checkbox -->\r\n      <label class=\"checkbox_container\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [name]=\"checkBoxConfig.name\"\r\n          [checked]=\"task.checked\"\r\n          [disabled]=\"\r\n            checkBoxConfig.disabledField\r\n              ? task[checkBoxConfig.disabledField]\r\n              : false\r\n          \"\r\n          [indeterminate]=\"partiallyComplete(task)\"\r\n          (change)=\"onCheckboxChange($event, parentIndex)\"\r\n        />\r\n        <span class=\"textTruncate\">{{ task[textField] }}</span>\r\n      </label>\r\n\r\n      <!-- Subtasks -->\r\n      @if (task.subtasks && task.subtasks.length > 0) {\r\n      <ul class=\"sub\">\r\n        @for (sub of task.subtasks; let idx = $index; track $index) {\r\n        <li>\r\n          <label class=\"checkbox_container\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"sub.checked\"\r\n              (change)=\"onCheckboxChange($event, parentIndex, idx)\"\r\n            />\r\n            <!-- <span class=\"checkmark\"></span> -->\r\n            <span class=\"label-text\">{{ sub[textField] }}</span>\r\n          </label>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.parent_container .sub{margin-left:calc(2.9166666667rem / var(--scale))}.parent_container .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale))}.parent_container .checkbox_container input[type=checkbox][disabled],.parent_container .checkbox_container input[type=checkbox]:checked[disabled]{cursor:default;background-color:var(--neutral-100);border-color:var(--neutral-100)}.parent_container .checkbox_container input[type=checkbox][disabled]+span,.parent_container .checkbox_container input[type=checkbox]:checked[disabled]+span{color:var(--neutral-300)}.parent_container .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.parent_container .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.parent_container .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}.parent_container .checkbox_container input[type=checkbox]:indeterminate{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:indeterminate:after{display:block;background-image:url(/images/indeterminate.svg)}\n"] }]
+                    ], template: "<div class=\"parent_container\">\r\n  <ul>\r\n    @for (task of optionList; let parentIndex = $index; track $index) {\r\n    <li>\r\n      <!-- Parent Checkbox -->\r\n      <label class=\"checkbox_container\">\r\n        <input\r\n          type=\"checkbox\"\r\n          [name]=\"checkBoxConfig.name\"\r\n          [checked]=\"task.checked\"\r\n          [disabled]=\"\r\n            checkBoxConfig.disabledField\r\n              ? task[checkBoxConfig.disabledField]\r\n              : false\r\n          \"\r\n          [indeterminate]=\"partiallyComplete(task)\"\r\n          (change)=\"onCheckboxChange($event, parentIndex)\"\r\n        />\r\n        <span class=\"textTruncate\">{{ task[textField] }}</span>\r\n      </label>\r\n\r\n      <!-- Subtasks -->\r\n      @if (task.subtasks && task.subtasks.length > 0) {\r\n      <ul class=\"sub\">\r\n        @for (sub of task.subtasks; let idx = $index; track $index) {\r\n        <li>\r\n          <label class=\"checkbox_container\">\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"sub.checked\"\r\n              (change)=\"onCheckboxChange($event, parentIndex, idx)\"\r\n            />\r\n            <!-- <span class=\"checkmark\"></span> -->\r\n            <span class=\"label-text\">{{ sub[textField] }}</span>\r\n          </label>\r\n        </li>\r\n        }\r\n      </ul>\r\n      }\r\n    </li>\r\n    }\r\n  </ul>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.parent_container .sub{margin-left:calc(2.9166666667rem / var(--scale))}.parent_container .checkbox_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale))}.parent_container .checkbox_container input[type=checkbox][disabled],.parent_container .checkbox_container input[type=checkbox]:checked[disabled]{cursor:default;background-color:var(--neutral-100);border-color:var(--neutral-100)}.parent_container .checkbox_container input[type=checkbox][disabled]+span,.parent_container .checkbox_container input[type=checkbox]:checked[disabled]+span{color:var(--neutral-300)}.parent_container .checkbox_container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--white);position:relative;transition:all .2s ease}.parent_container .checkbox_container input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.1666666667rem / var(--scale));width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background-size:contain;background-repeat:no-repeat;background-position:center}.parent_container .checkbox_container input[type=checkbox]:checked{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:checked:after{display:block;background-image:url(/images/icon-checked.svg)}.parent_container .checkbox_container input[type=checkbox]:indeterminate{border-color:var(--blue-600);background-color:var(--blue-600)}.parent_container .checkbox_container input[type=checkbox]:indeterminate:after{display:block;background-image:url(/images/indeterminate.svg)}\n"] }]
         }], propDecorators: { checkBoxConfig: [{
                 type: Input
             }], onCheckBoxSelection: [{
@@ -1704,7 +1706,7 @@ class RadioButtonComponent {
                 useExisting: forwardRef(() => RadioButtonComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"radio_group\" [ngClass]=\"config.layout\">\r\n  @if (config.label) {\r\n  <div class=\"group_label\">{{ config.label }}</div>\r\n  }\r\n\r\n  <div class=\"radio_option_container\">\r\n    @for (option of optionList; track $index) {\r\n    <div class=\"radio_option\">\r\n      <input\r\n        type=\"radio\"\r\n        [name]=\"config.name\"\r\n        [id]=\"extractValue(option)\"\r\n        [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n        [value]=\"extractValue(option)\"\r\n        [(ngModel)]=\"value\"\r\n        (change)=\"handleChange(option)\"\r\n      />\r\n      <label [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio_group{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio_group.horizontal .radio_option_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio_group.horizontal .radio_option_container .radio_option{padding-right:calc(2.5rem / var(--scale))}.radio_group .group_label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio_group .radio_option_container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio_group .radio_option_container .radio_option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:calc(2rem / var(--scale))}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label:before{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:before{border-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:after{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before,.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{content:\"\";position:absolute;top:0;left:0;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background:var(--white)}.radio_group .radio_option_container .radio_option [type=radio]:checked,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio_group .radio_option_container .radio_option [type=radio]:checked+label,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label{position:relative;padding-left:calc(2.5rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;min-width:auto}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--blue-600);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{content:\"\";width:calc(.8333333333rem / var(--scale));height:calc(.8333333333rem / var(--scale));background:var(--blue-600);position:absolute;top:calc(.5833333333rem / var(--scale));left:calc(.5833333333rem / var(--scale));border-radius:100%;transition:all .2s ease}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after{opacity:1;transform:scale(1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"radio_group\" [ngClass]=\"config.layout\">\r\n  @if (config.label) {\r\n  <div class=\"group_label\">{{ config.label }}</div>\r\n  }\r\n\r\n  <div class=\"radio_option_container\">\r\n    @for (option of optionList; track $index) {\r\n    <div class=\"radio_option\">\r\n      <input\r\n        type=\"radio\"\r\n        [name]=\"config.name\"\r\n        [id]=\"extractValue(option)\"\r\n        [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n        [value]=\"extractValue(option)\"\r\n        [(ngModel)]=\"value\"\r\n        (change)=\"handleChange(option)\"\r\n      />\r\n      <label [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio_group{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio_group.horizontal .radio_option_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio_group.horizontal .radio_option_container .radio_option{padding-right:calc(2.5rem / var(--scale))}.radio_group .group_label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio_group .radio_option_container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio_group .radio_option_container .radio_option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:calc(2rem / var(--scale))}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label:before{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:before{border-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:after{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before,.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{content:\"\";position:absolute;top:0;left:0;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background:var(--white)}.radio_group .radio_option_container .radio_option [type=radio]:checked,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio_group .radio_option_container .radio_option [type=radio]:checked+label,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label{position:relative;padding-left:calc(2.5rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;min-width:auto}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--blue-600);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{content:\"\";width:calc(.8333333333rem / var(--scale));height:calc(.8333333333rem / var(--scale));background:var(--blue-600);position:absolute;top:calc(.5833333333rem / var(--scale));left:calc(.5833333333rem / var(--scale));border-radius:100%;transition:all .2s ease}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after{opacity:1;transform:scale(1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
@@ -1714,7 +1716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => RadioButtonComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"radio_group\" [ngClass]=\"config.layout\">\r\n  @if (config.label) {\r\n  <div class=\"group_label\">{{ config.label }}</div>\r\n  }\r\n\r\n  <div class=\"radio_option_container\">\r\n    @for (option of optionList; track $index) {\r\n    <div class=\"radio_option\">\r\n      <input\r\n        type=\"radio\"\r\n        [name]=\"config.name\"\r\n        [id]=\"extractValue(option)\"\r\n        [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n        [value]=\"extractValue(option)\"\r\n        [(ngModel)]=\"value\"\r\n        (change)=\"handleChange(option)\"\r\n      />\r\n      <label [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio_group{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio_group.horizontal .radio_option_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio_group.horizontal .radio_option_container .radio_option{padding-right:calc(2.5rem / var(--scale))}.radio_group .group_label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio_group .radio_option_container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio_group .radio_option_container .radio_option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:calc(2rem / var(--scale))}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label:before{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:before{border-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:after{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before,.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{content:\"\";position:absolute;top:0;left:0;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background:var(--white)}.radio_group .radio_option_container .radio_option [type=radio]:checked,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio_group .radio_option_container .radio_option [type=radio]:checked+label,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label{position:relative;padding-left:calc(2.5rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;min-width:auto}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--blue-600);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{content:\"\";width:calc(.8333333333rem / var(--scale));height:calc(.8333333333rem / var(--scale));background:var(--blue-600);position:absolute;top:calc(.5833333333rem / var(--scale));left:calc(.5833333333rem / var(--scale));border-radius:100%;transition:all .2s ease}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after{opacity:1;transform:scale(1)}\n"] }]
+                    ], template: "<div class=\"radio_group\" [ngClass]=\"config.layout\">\r\n  @if (config.label) {\r\n  <div class=\"group_label\">{{ config.label }}</div>\r\n  }\r\n\r\n  <div class=\"radio_option_container\">\r\n    @for (option of optionList; track $index) {\r\n    <div class=\"radio_option\">\r\n      <input\r\n        type=\"radio\"\r\n        [name]=\"config.name\"\r\n        [id]=\"extractValue(option)\"\r\n        [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n        [value]=\"extractValue(option)\"\r\n        [(ngModel)]=\"value\"\r\n        (change)=\"handleChange(option)\"\r\n      />\r\n      <label [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio_group{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio_group.horizontal .radio_option_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio_group.horizontal .radio_option_container .radio_option{padding-right:calc(2.5rem / var(--scale))}.radio_group .group_label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio_group .radio_option_container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio_group .radio_option_container .radio_option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:calc(2rem / var(--scale))}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)[disabled]+label:before{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:before{border-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:is(:checked)[disabled]+label:after{background-color:var(--neutral-100)}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before,.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{content:\"\";position:absolute;top:0;left:0;width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));background:var(--white)}.radio_group .radio_option_container .radio_option [type=radio]:checked,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio_group .radio_option_container .radio_option [type=radio]:checked+label,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label{position:relative;padding-left:calc(2.5rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;min-width:auto}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--blue-600);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:100%}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after,.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{content:\"\";width:calc(.8333333333rem / var(--scale));height:calc(.8333333333rem / var(--scale));background:var(--blue-600);position:absolute;top:calc(.5833333333rem / var(--scale));left:calc(.5833333333rem / var(--scale));border-radius:100%;transition:all .2s ease}.radio_group .radio_option_container .radio_option [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0)}.radio_group .radio_option_container .radio_option [type=radio]:checked+label:after{opacity:1;transform:scale(1)}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], optionList: [{
@@ -1821,16 +1823,13 @@ class DateTimePickerComponent {
     validate(control) {
         this.control = control;
         const selected = this.date ? new Date(this.date) : null;
-        // Check required manually
-        const isRequired = control.validator && control.validator(control)?.['required'];
-        if ((isRequired || control.hasError('required')) &&
-            (!this.date || !this.selectedDay)) {
+        if (control.hasError('required') && (!this.date || !this.selectedDay)) {
             return { required: true };
         }
-        else if (this.minDate && selected && selected < new Date(this.minDate)) {
+        if (this.minDate && selected && selected < new Date(this.minDate)) {
             return { minDate: true };
         }
-        else if (this.maxDate && selected && selected > new Date(this.maxDate)) {
+        if (this.maxDate && selected && selected > new Date(this.maxDate)) {
             return { maxDate: true };
         }
         return null;
@@ -1841,18 +1840,19 @@ class DateTimePickerComponent {
      */
     toggleCalendar() {
         this.isOpen = !this.isOpen;
-        if (this.date && this.isOpen) {
-            this.currentDate = new Date(this.date);
-            this.selectedDay = this.currentDate.getDate();
-        }
-        this.calendarView = 'defaultView';
-        this.generateCalendar();
         if (this.isOpen) {
-            let ele = document.getElementsByClassName('calendar-footer');
+            // If a date is already selected, open that month/year
+            if (this.selectedDate != null) {
+                this.currentDate = new Date(this.selectedYear, this.selectedMonth, this.selectedDate);
+            }
+            this.updateCurrentYearMonth();
+            this.generateCalendar();
             setTimeout(() => {
+                const ele = document.getElementsByClassName('calendar-footer');
                 ele[0]?.scrollIntoView();
             });
         }
+        this.calendarView = 'defaultView';
     }
     /**
      * @description Closes calendar
@@ -2186,10 +2186,10 @@ class DateTimePickerComponent {
         if (this.dateConfig.selectionMode === 'single') {
             if (!this.selectedDate)
                 return;
-            const fullDate = new Date(this.currentYear, this.currentMonth, this.selectedDate);
+            const fullDate = new Date(this.selectedYear, this.selectedMonth, this.selectedDate);
             this.selectedDateTime = this.formatDateTime(fullDate || '', this.dateConfig.enableTime ? this.selectedTime : null);
             this.writeValue(this.selectedDateTime);
-            this.date = this.selectedDate;
+            // this.date = this.selectedDate;
             this.dateTimeSelected.emit(this.selectedDateTime);
             return;
         }
@@ -2205,7 +2205,7 @@ class DateTimePickerComponent {
             this.dateTimeSelected.emit(rangeResult);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: LOCALE_ID }, { token: i0.ChangeDetectorRef }, { token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: LOCALE_ID }, { token: i0.ChangeDetectorRef }, { token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: DateTimePickerComponent, isStandalone: true, selector: "cats-ui-date-time-picker", inputs: { dateConfig: "dateConfig", minDate: "minDate", maxDate: "maxDate", preSelectedValue: "preSelectedValue" }, outputs: { dateTimeSelected: "dateTimeSelected" }, host: { attributes: { "tabindex": "0" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -2218,7 +2218,7 @@ class DateTimePickerComponent {
                 multi: true,
             },
             DatePipe,
-        ], usesOnChanges: true, ngImport: i0, template: "<!-- Calendar -->\r\n\r\n<div\r\n  class=\"calendar_wrapper\"\r\n  catsOutsideClick\r\n  (clickOutSide)=\"closeCalendar()\"\r\n  [ngClass]=\"{ 'pe-none': disableControl }\"\r\n>\r\n  <div class=\"date_box\" (click)=\"toggleCalendar()\">\r\n    @if (dateConfig.selectionMode=='single') {\r\n\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select Date\"\r\n      [value]=\"selectedDateTime\"\r\n      readonly\r\n      [disabled]=\"disableControl\"\r\n    />\r\n    } @else {\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select date Range\"\r\n      [value]=\"\r\n        selectedDateTime.start\r\n          | date\r\n            : 'MM/dd/yyyy' +\r\n                ' - ' +\r\n                (selectedDateTime.end | date : 'MM/dd/yyyy')\r\n      \"\r\n      readonly\r\n    />\r\n    }\r\n    <!-- <i-feather name=\"calendar\" class=\"calendar_icon\"></i-feather> -->\r\n    <img src=\"images/calendar.svg\" alt=\"\" />\r\n  </div>\r\n  @if (isOpen) {\r\n  <div class=\"calendar-popup\">\r\n    <!-- for the header -->\r\n    <div class=\"calendar-header\">\r\n      <span class=\"navigation-button\" (click)=\"previousMonth()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        <!-- <i-feather name=\"chevron-left\"></i-feather -->\r\n      </span>\r\n      <div class=\"month-year\">\r\n        <span class=\"month\" (click)=\"calendarView = 'monthView'\">\r\n          {{ getMonthYear().month }}</span\r\n        >\r\n        <span class=\"year\" (click)=\"calendarView = 'yearView'\">{{\r\n          getMonthYear().year\r\n        }}</span>\r\n      </div>\r\n\r\n      <span class=\"navigation-button\" (click)=\"nextMonth()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n\r\n        <!-- <i-feather name=\"chevron-right\"></i-feather -->\r\n      </span>\r\n    </div>\r\n    @if(calendarView === \"monthView\"){\r\n    <div class=\"month-grid\">\r\n      @for(month of monthRange | keyvalue; track $index){\r\n      <span\r\n        class=\"month\"\r\n        (click)=\"selectMonth(month.key)\"\r\n        [ngClass]=\"{ selected: month.key == currentDate.getMonth() }\"\r\n        >{{ month.value }}</span\r\n      >\r\n      }\r\n    </div>\r\n    } @else if(calendarView === 'yearView'){\r\n    <div class=\"year-selector\">\r\n      <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n      </span>\r\n      <div class=\"year-grid\">\r\n        @for(year of yearRange;track $index){\r\n        <span\r\n          class=\"year\"\r\n          (click)=\"selectYear(year)\"\r\n          [ngClass]=\"{ selected: year == currentDate.getFullYear() }\"\r\n          >{{ year }}</span\r\n        >\r\n        }\r\n      </div>\r\n      <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n      </span>\r\n    </div>\r\n    } @else {\r\n    <div class=\"calendar_body\">\r\n      <div class=\"calendar-grid\">\r\n        <!-- Day names -->\r\n        @for (day of ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']; track $index) {\r\n\r\n        <div class=\"days_name\">\r\n          {{ day }}\r\n        </div>\r\n        }\r\n\r\n        <!-- Calendar dates -->\r\n        @for (dayObj of daysInMonth; track $index) {\r\n        <div\r\n          class=\"calendar-day\"\r\n          [ngClass]=\"{\r\n            active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'single' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ),\r\n\r\n            active_start:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeStart,\r\n\r\n            active_end:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeEnd,\r\n\r\n            range_between_active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              rangeStart != null && rangeEnd != null &&\r\n              dayObj.day > rangeStart &&\r\n              dayObj.day < rangeEnd,\r\n\r\n            other_month: !dayObj.isCurrentMonth,\r\n            disabled: isDayDisabled(dayObj.day),\r\n            notInCurrentMonth: !dayObj.isCurrentMonth\r\n          }\"\r\n          (click)=\"\r\n            dayObj.isCurrentMonth &&\r\n              !isDayDisabled(dayObj.day) &&\r\n              selectDate(dayObj.day)\r\n          \"\r\n        >\r\n          {{ dayObj.day }}\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <!-- TIME SLOTS (only if showTime = true) -->\r\n      @if (dateConfig.enableTime) {\r\n      <div class=\"times\">\r\n        @for (timeSlot of timeSlots; track $index) {\r\n        <span\r\n          class=\"span_time\"\r\n          [ngClass]=\"{ active: selectedTime === timeSlot.label }\"\r\n          (click)=\"selectTime(timeSlot.label)\"\r\n        >\r\n          {{ timeSlot.label }}\r\n        </span>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.calendar_wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\";position:relative}.calendar_wrapper .pe-none{pointer-events:none}.calendar_wrapper .date_box{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));height:calc(4.6666666667rem / var(--scale));background-color:var(--white)}.calendar_wrapper .date_box input{font-size:var(--fs-16);line-height:140%;font-weight:400;width:100%;height:100%;cursor:pointer;border:0 solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.calendar_wrapper .date_box input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.calendar_wrapper .date_box img{max-width:calc(1.6666666667rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup{position:absolute;top:calc(4.6666666667rem / var(--scale));right:0;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) calc(0rem / var(--scale)) calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 var(--box-shadow);width:auto;min-width:calc(33.3333333333rem / var(--scale));min-height:calc(37.5rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header{height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .navigation-button{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;font-size:var(--fs-20)}.calendar_wrapper .calendar-popup .calendar-header .navigation-button i-feather{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .month-year{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600)}.calendar_wrapper .calendar-popup .calendar-header .month-year .year,.calendar_wrapper .calendar-popup .calendar-header .month-year .month{padding:calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale));border-radius:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup .calendar-header .month-year .year.selected,.calendar_wrapper .calendar-popup .calendar-header .month-year .month.selected{color:var(--blue-700)}.calendar_wrapper .calendar-popup .calendar-header .month-year:hover{color:var(--blue-700);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .year-selector{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .year-selector .year-grid{width:100%}.calendar_wrapper .calendar-popup .year-selector img{max-width:calc(1.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid,.calendar_wrapper .calendar-popup .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(31.25rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month,.calendar_wrapper .calendar-popup .year-grid .year,.calendar_wrapper .calendar-popup .month-grid .month,.calendar_wrapper .calendar-popup .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month:hover,.calendar_wrapper .calendar-popup .year-grid .month.selected,.calendar_wrapper .calendar-popup .year-grid .year:hover,.calendar_wrapper .calendar-popup .year-grid .year.selected,.calendar_wrapper .calendar-popup .month-grid .month:hover,.calendar_wrapper .calendar-popup .month-grid .month.selected,.calendar_wrapper .calendar-popup .month-grid .year:hover,.calendar_wrapper .calendar-popup .month-grid .year.selected{color:var(--white);background-color:var(--blue-600);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .calendar_body{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;min-width:calc(31.8333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .days_name{height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end,.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{background-color:var(--blue-600);color:var(--white);border-radius:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;background-color:var(--blue-50);width:calc(4rem / var(--scale));height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2.6666666667rem / var(--scale));font-weight:500;color:var(--neutral-500)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active{background-color:var(--blue-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:hover{background-color:var(--blue-100);border:calc(.0833333333rem / var(--scale)) solid var(--blue-700);color:var(--blue-700);transition:ease-in-out .3s}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:not(:last-child){margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.selected{background-color:var(--orange-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.disabled{color:var(--neutral-400);pointer-events:none;background:var(--neutral-200)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.notInCurrentMonth{pointer-events:none;color:var(--neutral-300);background-color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{border-top-left-radius:calc(.3333333333rem / var(--scale));border-bottom-left-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.range_between_active{color:var(--blue-600);background-color:var(--blue-100)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end{border-top-right-radius:calc(.3333333333rem / var(--scale));border-bottom-right-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times{min-width:calc(7.0833333333rem / var(--scale));max-height:calc(31.25rem / var(--scale));overflow-y:auto;overflow-x:hidden;padding:calc(.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));background-color:var(--neutral-50);font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time{color:var(--neutral-500);display:inline-block;width:calc(5.75rem / var(--scale));text-align:center;cursor:pointer;padding:0 calc(.3333333333rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time:hover,.calendar_wrapper .calendar-popup .calendar_body .times .span_time.active{background-color:var(--blue-600);color:var(--white)}@media only screen and (min-width: 1024px) and (max-width: 1280px){.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr)}}.custom_disabled{color:var(--neutral-400);pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i1.KeyValuePipe, name: "keyvalue" }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<!-- Calendar -->\r\n\r\n<div\r\n  class=\"calendar_wrapper\"\r\n  catsOutsideClick\r\n  (clickOutSide)=\"closeCalendar()\"\r\n  [ngClass]=\"{ 'pe-none': disableControl }\"\r\n>\r\n  <div class=\"date_box\" (click)=\"toggleCalendar()\">\r\n    @if (dateConfig.selectionMode=='single') {\r\n\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select Date\"\r\n      [value]=\"selectedDateTime\"\r\n      readonly\r\n      [disabled]=\"disableControl\"\r\n    />\r\n    } @else {\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select date Range\"\r\n      [value]=\"\r\n        selectedDateTime.start\r\n          | date\r\n            : 'MM/dd/yyyy' +\r\n                ' - ' +\r\n                (selectedDateTime.end | date : 'MM/dd/yyyy')\r\n      \"\r\n      readonly\r\n    />\r\n    }\r\n    <!-- <i-feather name=\"calendar\" class=\"calendar_icon\"></i-feather> -->\r\n    <img src=\"images/calendar.svg\" alt=\"\" />\r\n  </div>\r\n  @if (isOpen) {\r\n  <div class=\"calendar-popup\">\r\n    <!-- for the header -->\r\n    <div class=\"calendar-header\">\r\n      <span class=\"navigation-button\" (click)=\"previousMonth()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        <!-- <i-feather name=\"chevron-left\"></i-feather -->\r\n      </span>\r\n      <div class=\"month-year\">\r\n        <span class=\"month\" (click)=\"calendarView = 'monthView'\">\r\n          {{ getMonthYear().month }}</span\r\n        >\r\n        <span class=\"year\" (click)=\"calendarView = 'yearView'\">{{\r\n          getMonthYear().year\r\n        }}</span>\r\n      </div>\r\n\r\n      <span class=\"navigation-button\" (click)=\"nextMonth()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n\r\n        <!-- <i-feather name=\"chevron-right\"></i-feather -->\r\n      </span>\r\n    </div>\r\n    @if(calendarView === \"monthView\"){\r\n    <div class=\"month-grid\">\r\n      @for(month of monthRange | keyvalue; track $index){\r\n      <span\r\n        class=\"month\"\r\n        (click)=\"selectMonth(month.key)\"\r\n        [ngClass]=\"{ selected: month.key == currentDate.getMonth() }\"\r\n        >{{ month.value }}</span\r\n      >\r\n      }\r\n    </div>\r\n    } @else if(calendarView === 'yearView'){\r\n    <div class=\"year-selector\">\r\n      <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n      </span>\r\n      <div class=\"year-grid\">\r\n        @for(year of yearRange;track $index){\r\n        <span\r\n          class=\"year\"\r\n          (click)=\"selectYear(year)\"\r\n          [ngClass]=\"{ selected: year == currentDate.getFullYear() }\"\r\n          >{{ year }}</span\r\n        >\r\n        }\r\n      </div>\r\n      <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n      </span>\r\n    </div>\r\n    } @else {\r\n    <div class=\"calendar_body\">\r\n      <div class=\"calendar-grid\">\r\n        <!-- Day names -->\r\n        @for (day of ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']; track $index) {\r\n\r\n        <div class=\"days_name\">\r\n          {{ day }}\r\n        </div>\r\n        }\r\n\r\n        <!-- Calendar dates -->\r\n        @for (dayObj of daysInMonth; track $index) {\r\n        <div\r\n          class=\"calendar-day\"\r\n          [ngClass]=\"{\r\n            active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'single' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ),\r\n\r\n            active_start:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeStart,\r\n\r\n            active_end:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeEnd,\r\n\r\n            range_between_active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              rangeStart != null && rangeEnd != null &&\r\n              dayObj.day > rangeStart &&\r\n              dayObj.day < rangeEnd,\r\n\r\n            other_month: !dayObj.isCurrentMonth,\r\n            disabled: isDayDisabled(dayObj.day),\r\n            notInCurrentMonth: !dayObj.isCurrentMonth\r\n          }\"\r\n          (click)=\"\r\n            dayObj.isCurrentMonth &&\r\n              !isDayDisabled(dayObj.day) &&\r\n              selectDate(dayObj.day)\r\n          \"\r\n        >\r\n          {{ dayObj.day }}\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <!-- TIME SLOTS (only if showTime = true) -->\r\n      @if (dateConfig.enableTime) {\r\n      <div class=\"times\">\r\n        @for (timeSlot of timeSlots; track $index) {\r\n        <span\r\n          class=\"span_time\"\r\n          [ngClass]=\"{ active: selectedTime === timeSlot.label }\"\r\n          (click)=\"selectTime(timeSlot.label)\"\r\n        >\r\n          {{ timeSlot.label }}\r\n        </span>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.calendar_wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\";position:relative}.calendar_wrapper .pe-none{pointer-events:none}.calendar_wrapper .date_box{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));height:calc(4.6666666667rem / var(--scale));background-color:var(--white)}.calendar_wrapper .date_box input{font-size:var(--fs-16);line-height:140%;font-weight:400;width:100%;height:100%;cursor:pointer;border:0 solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.calendar_wrapper .date_box input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.calendar_wrapper .date_box img{max-width:calc(1.6666666667rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup{position:absolute;top:calc(4.6666666667rem / var(--scale));right:0;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) calc(0rem / var(--scale)) calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 var(--box-shadow);width:auto;min-width:calc(33.3333333333rem / var(--scale));min-height:calc(37.5rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header{height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .navigation-button{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;font-size:var(--fs-20)}.calendar_wrapper .calendar-popup .calendar-header .navigation-button i-feather{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .month-year{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600)}.calendar_wrapper .calendar-popup .calendar-header .month-year .year,.calendar_wrapper .calendar-popup .calendar-header .month-year .month{padding:calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale));border-radius:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup .calendar-header .month-year .year.selected,.calendar_wrapper .calendar-popup .calendar-header .month-year .month.selected{color:var(--blue-700)}.calendar_wrapper .calendar-popup .calendar-header .month-year:hover{color:var(--blue-700);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .year-selector{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .year-selector .year-grid{width:100%}.calendar_wrapper .calendar-popup .year-selector img{max-width:calc(1.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid,.calendar_wrapper .calendar-popup .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(31.25rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month,.calendar_wrapper .calendar-popup .year-grid .year,.calendar_wrapper .calendar-popup .month-grid .month,.calendar_wrapper .calendar-popup .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month:hover,.calendar_wrapper .calendar-popup .year-grid .month.selected,.calendar_wrapper .calendar-popup .year-grid .year:hover,.calendar_wrapper .calendar-popup .year-grid .year.selected,.calendar_wrapper .calendar-popup .month-grid .month:hover,.calendar_wrapper .calendar-popup .month-grid .month.selected,.calendar_wrapper .calendar-popup .month-grid .year:hover,.calendar_wrapper .calendar-popup .month-grid .year.selected{color:var(--white);background-color:var(--blue-600);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .calendar_body{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;min-width:calc(31.8333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .days_name{height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end,.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{background-color:var(--blue-600);color:var(--white);border-radius:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;background-color:var(--blue-50);width:calc(4rem / var(--scale));height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2.6666666667rem / var(--scale));font-weight:500;color:var(--neutral-500)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active{background-color:var(--blue-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:hover{background-color:var(--blue-100);border:calc(.0833333333rem / var(--scale)) solid var(--blue-700);color:var(--blue-700);transition:ease-in-out .3s}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:not(:last-child){margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.selected{background-color:var(--orange-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.disabled{color:var(--neutral-400);pointer-events:none;background:var(--neutral-200)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.notInCurrentMonth{pointer-events:none;color:var(--neutral-300);background-color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{border-top-left-radius:calc(.3333333333rem / var(--scale));border-bottom-left-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.range_between_active{color:var(--blue-600);background-color:var(--blue-100)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end{border-top-right-radius:calc(.3333333333rem / var(--scale));border-bottom-right-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times{min-width:calc(7.0833333333rem / var(--scale));max-height:calc(31.25rem / var(--scale));overflow-y:auto;overflow-x:hidden;padding:calc(.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));background-color:var(--neutral-50);font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time{color:var(--neutral-500);display:inline-block;width:calc(5.75rem / var(--scale));text-align:center;cursor:pointer;padding:0 calc(.3333333333rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time:hover,.calendar_wrapper .calendar-popup .calendar_body .times .span_time.active{background-color:var(--blue-600);color:var(--white)}@media only screen and (min-width: 1024px) and (max-width: 1280px){.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr)}}.custom_disabled{color:var(--neutral-400);pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DateTimePickerComponent, decorators: [{
             type: Component,
@@ -2234,11 +2234,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             multi: true,
                         },
                         DatePipe,
-                    ], host: { tabindex: '0' }, template: "<!-- Calendar -->\r\n\r\n<div\r\n  class=\"calendar_wrapper\"\r\n  catsOutsideClick\r\n  (clickOutSide)=\"closeCalendar()\"\r\n  [ngClass]=\"{ 'pe-none': disableControl }\"\r\n>\r\n  <div class=\"date_box\" (click)=\"toggleCalendar()\">\r\n    @if (dateConfig.selectionMode=='single') {\r\n\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select Date\"\r\n      [value]=\"selectedDateTime\"\r\n      readonly\r\n      [disabled]=\"disableControl\"\r\n    />\r\n    } @else {\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select date Range\"\r\n      [value]=\"\r\n        selectedDateTime.start\r\n          | date\r\n            : 'MM/dd/yyyy' +\r\n                ' - ' +\r\n                (selectedDateTime.end | date : 'MM/dd/yyyy')\r\n      \"\r\n      readonly\r\n    />\r\n    }\r\n    <!-- <i-feather name=\"calendar\" class=\"calendar_icon\"></i-feather> -->\r\n    <img src=\"images/calendar.svg\" alt=\"\" />\r\n  </div>\r\n  @if (isOpen) {\r\n  <div class=\"calendar-popup\">\r\n    <!-- for the header -->\r\n    <div class=\"calendar-header\">\r\n      <span class=\"navigation-button\" (click)=\"previousMonth()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        <!-- <i-feather name=\"chevron-left\"></i-feather -->\r\n      </span>\r\n      <div class=\"month-year\">\r\n        <span class=\"month\" (click)=\"calendarView = 'monthView'\">\r\n          {{ getMonthYear().month }}</span\r\n        >\r\n        <span class=\"year\" (click)=\"calendarView = 'yearView'\">{{\r\n          getMonthYear().year\r\n        }}</span>\r\n      </div>\r\n\r\n      <span class=\"navigation-button\" (click)=\"nextMonth()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n\r\n        <!-- <i-feather name=\"chevron-right\"></i-feather -->\r\n      </span>\r\n    </div>\r\n    @if(calendarView === \"monthView\"){\r\n    <div class=\"month-grid\">\r\n      @for(month of monthRange | keyvalue; track $index){\r\n      <span\r\n        class=\"month\"\r\n        (click)=\"selectMonth(month.key)\"\r\n        [ngClass]=\"{ selected: month.key == currentDate.getMonth() }\"\r\n        >{{ month.value }}</span\r\n      >\r\n      }\r\n    </div>\r\n    } @else if(calendarView === 'yearView'){\r\n    <div class=\"year-selector\">\r\n      <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n      </span>\r\n      <div class=\"year-grid\">\r\n        @for(year of yearRange;track $index){\r\n        <span\r\n          class=\"year\"\r\n          (click)=\"selectYear(year)\"\r\n          [ngClass]=\"{ selected: year == currentDate.getFullYear() }\"\r\n          >{{ year }}</span\r\n        >\r\n        }\r\n      </div>\r\n      <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n      </span>\r\n    </div>\r\n    } @else {\r\n    <div class=\"calendar_body\">\r\n      <div class=\"calendar-grid\">\r\n        <!-- Day names -->\r\n        @for (day of ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']; track $index) {\r\n\r\n        <div class=\"days_name\">\r\n          {{ day }}\r\n        </div>\r\n        }\r\n\r\n        <!-- Calendar dates -->\r\n        @for (dayObj of daysInMonth; track $index) {\r\n        <div\r\n          class=\"calendar-day\"\r\n          [ngClass]=\"{\r\n            active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'single' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ),\r\n\r\n            active_start:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeStart,\r\n\r\n            active_end:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeEnd,\r\n\r\n            range_between_active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              rangeStart != null && rangeEnd != null &&\r\n              dayObj.day > rangeStart &&\r\n              dayObj.day < rangeEnd,\r\n\r\n            other_month: !dayObj.isCurrentMonth,\r\n            disabled: isDayDisabled(dayObj.day),\r\n            notInCurrentMonth: !dayObj.isCurrentMonth\r\n          }\"\r\n          (click)=\"\r\n            dayObj.isCurrentMonth &&\r\n              !isDayDisabled(dayObj.day) &&\r\n              selectDate(dayObj.day)\r\n          \"\r\n        >\r\n          {{ dayObj.day }}\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <!-- TIME SLOTS (only if showTime = true) -->\r\n      @if (dateConfig.enableTime) {\r\n      <div class=\"times\">\r\n        @for (timeSlot of timeSlots; track $index) {\r\n        <span\r\n          class=\"span_time\"\r\n          [ngClass]=\"{ active: selectedTime === timeSlot.label }\"\r\n          (click)=\"selectTime(timeSlot.label)\"\r\n        >\r\n          {{ timeSlot.label }}\r\n        </span>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.calendar_wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\";position:relative}.calendar_wrapper .pe-none{pointer-events:none}.calendar_wrapper .date_box{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));height:calc(4.6666666667rem / var(--scale));background-color:var(--white)}.calendar_wrapper .date_box input{font-size:var(--fs-16);line-height:140%;font-weight:400;width:100%;height:100%;cursor:pointer;border:0 solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.calendar_wrapper .date_box input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.calendar_wrapper .date_box img{max-width:calc(1.6666666667rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup{position:absolute;top:calc(4.6666666667rem / var(--scale));right:0;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) calc(0rem / var(--scale)) calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 var(--box-shadow);width:auto;min-width:calc(33.3333333333rem / var(--scale));min-height:calc(37.5rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header{height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .navigation-button{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;font-size:var(--fs-20)}.calendar_wrapper .calendar-popup .calendar-header .navigation-button i-feather{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .month-year{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600)}.calendar_wrapper .calendar-popup .calendar-header .month-year .year,.calendar_wrapper .calendar-popup .calendar-header .month-year .month{padding:calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale));border-radius:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup .calendar-header .month-year .year.selected,.calendar_wrapper .calendar-popup .calendar-header .month-year .month.selected{color:var(--blue-700)}.calendar_wrapper .calendar-popup .calendar-header .month-year:hover{color:var(--blue-700);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .year-selector{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .year-selector .year-grid{width:100%}.calendar_wrapper .calendar-popup .year-selector img{max-width:calc(1.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid,.calendar_wrapper .calendar-popup .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(31.25rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month,.calendar_wrapper .calendar-popup .year-grid .year,.calendar_wrapper .calendar-popup .month-grid .month,.calendar_wrapper .calendar-popup .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month:hover,.calendar_wrapper .calendar-popup .year-grid .month.selected,.calendar_wrapper .calendar-popup .year-grid .year:hover,.calendar_wrapper .calendar-popup .year-grid .year.selected,.calendar_wrapper .calendar-popup .month-grid .month:hover,.calendar_wrapper .calendar-popup .month-grid .month.selected,.calendar_wrapper .calendar-popup .month-grid .year:hover,.calendar_wrapper .calendar-popup .month-grid .year.selected{color:var(--white);background-color:var(--blue-600);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .calendar_body{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;min-width:calc(31.8333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .days_name{height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end,.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{background-color:var(--blue-600);color:var(--white);border-radius:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;background-color:var(--blue-50);width:calc(4rem / var(--scale));height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2.6666666667rem / var(--scale));font-weight:500;color:var(--neutral-500)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active{background-color:var(--blue-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:hover{background-color:var(--blue-100);border:calc(.0833333333rem / var(--scale)) solid var(--blue-700);color:var(--blue-700);transition:ease-in-out .3s}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:not(:last-child){margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.selected{background-color:var(--orange-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.disabled{color:var(--neutral-400);pointer-events:none;background:var(--neutral-200)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.notInCurrentMonth{pointer-events:none;color:var(--neutral-300);background-color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{border-top-left-radius:calc(.3333333333rem / var(--scale));border-bottom-left-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.range_between_active{color:var(--blue-600);background-color:var(--blue-100)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end{border-top-right-radius:calc(.3333333333rem / var(--scale));border-bottom-right-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times{min-width:calc(7.0833333333rem / var(--scale));max-height:calc(31.25rem / var(--scale));overflow-y:auto;overflow-x:hidden;padding:calc(.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));background-color:var(--neutral-50);font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time{color:var(--neutral-500);display:inline-block;width:calc(5.75rem / var(--scale));text-align:center;cursor:pointer;padding:0 calc(.3333333333rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time:hover,.calendar_wrapper .calendar-popup .calendar_body .times .span_time.active{background-color:var(--blue-600);color:var(--white)}@media only screen and (min-width: 1024px) and (max-width: 1280px){.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr)}}.custom_disabled{color:var(--neutral-400);pointer-events:none}\n"] }]
+                    ], host: { tabindex: '0' }, template: "<!-- Calendar -->\r\n\r\n<div\r\n  class=\"calendar_wrapper\"\r\n  catsOutsideClick\r\n  (clickOutSide)=\"closeCalendar()\"\r\n  [ngClass]=\"{ 'pe-none': disableControl }\"\r\n>\r\n  <div class=\"date_box\" (click)=\"toggleCalendar()\">\r\n    @if (dateConfig.selectionMode=='single') {\r\n\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select Date\"\r\n      [value]=\"selectedDateTime\"\r\n      readonly\r\n      [disabled]=\"disableControl\"\r\n    />\r\n    } @else {\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"Select date Range\"\r\n      [value]=\"\r\n        selectedDateTime.start\r\n          | date\r\n            : 'MM/dd/yyyy' +\r\n                ' - ' +\r\n                (selectedDateTime.end | date : 'MM/dd/yyyy')\r\n      \"\r\n      readonly\r\n    />\r\n    }\r\n    <!-- <i-feather name=\"calendar\" class=\"calendar_icon\"></i-feather> -->\r\n    <img src=\"images/calendar.svg\" alt=\"\" />\r\n  </div>\r\n  @if (isOpen) {\r\n  <div class=\"calendar-popup\">\r\n    <!-- for the header -->\r\n    <div class=\"calendar-header\">\r\n      <span class=\"navigation-button\" (click)=\"previousMonth()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        <!-- <i-feather name=\"chevron-left\"></i-feather -->\r\n      </span>\r\n      <div class=\"month-year\">\r\n        <span class=\"month\" (click)=\"calendarView = 'monthView'\">\r\n          {{ getMonthYear().month }}</span\r\n        >\r\n        <span class=\"year\" (click)=\"calendarView = 'yearView'\">{{\r\n          getMonthYear().year\r\n        }}</span>\r\n      </div>\r\n\r\n      <span class=\"navigation-button\" (click)=\"nextMonth()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n\r\n        <!-- <i-feather name=\"chevron-right\"></i-feather -->\r\n      </span>\r\n    </div>\r\n    @if(calendarView === \"monthView\"){\r\n    <div class=\"month-grid\">\r\n      @for(month of monthRange | keyvalue; track $index){\r\n      <span\r\n        class=\"month\"\r\n        (click)=\"selectMonth(month.key)\"\r\n        [ngClass]=\"{ selected: month.key == currentDate.getMonth() }\"\r\n        >{{ month.value }}</span\r\n      >\r\n      }\r\n    </div>\r\n    } @else if(calendarView === 'yearView'){\r\n    <div class=\"year-selector\">\r\n      <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n        <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n      </span>\r\n      <div class=\"year-grid\">\r\n        @for(year of yearRange;track $index){\r\n        <span\r\n          class=\"year\"\r\n          (click)=\"selectYear(year)\"\r\n          [ngClass]=\"{ selected: year == currentDate.getFullYear() }\"\r\n          >{{ year }}</span\r\n        >\r\n        }\r\n      </div>\r\n      <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n        <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n      </span>\r\n    </div>\r\n    } @else {\r\n    <div class=\"calendar_body\">\r\n      <div class=\"calendar-grid\">\r\n        <!-- Day names -->\r\n        @for (day of ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']; track $index) {\r\n\r\n        <div class=\"days_name\">\r\n          {{ day }}\r\n        </div>\r\n        }\r\n\r\n        <!-- Calendar dates -->\r\n        @for (dayObj of daysInMonth; track $index) {\r\n        <div\r\n          class=\"calendar-day\"\r\n          [ngClass]=\"{\r\n            active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'single' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ),\r\n\r\n            active_start:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeStart,\r\n\r\n            active_end:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              dayObj.day === rangeEnd,\r\n\r\n            range_between_active:\r\n              dayObj.isCurrentMonth &&\r\n              dateConfig.selectionMode === 'range' &&\r\n              isSelectedDate(\r\n                dayObj.day,\r\n                dayObj.date.getMonth(),\r\n                dayObj.date.getFullYear()\r\n              ) &&\r\n              rangeStart != null && rangeEnd != null &&\r\n              dayObj.day > rangeStart &&\r\n              dayObj.day < rangeEnd,\r\n\r\n            other_month: !dayObj.isCurrentMonth,\r\n            disabled: isDayDisabled(dayObj.day),\r\n            notInCurrentMonth: !dayObj.isCurrentMonth\r\n          }\"\r\n          (click)=\"\r\n            dayObj.isCurrentMonth &&\r\n              !isDayDisabled(dayObj.day) &&\r\n              selectDate(dayObj.day)\r\n          \"\r\n        >\r\n          {{ dayObj.day }}\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      <!-- TIME SLOTS (only if showTime = true) -->\r\n      @if (dateConfig.enableTime) {\r\n      <div class=\"times\">\r\n        @for (timeSlot of timeSlots; track $index) {\r\n        <span\r\n          class=\"span_time\"\r\n          [ngClass]=\"{ active: selectedTime === timeSlot.label }\"\r\n          (click)=\"selectTime(timeSlot.label)\"\r\n        >\r\n          {{ timeSlot.label }}\r\n        </span>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.calendar_wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\";position:relative}.calendar_wrapper .pe-none{pointer-events:none}.calendar_wrapper .date_box{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));height:calc(4.6666666667rem / var(--scale));background-color:var(--white)}.calendar_wrapper .date_box input{font-size:var(--fs-16);line-height:140%;font-weight:400;width:100%;height:100%;cursor:pointer;border:0 solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.calendar_wrapper .date_box input::placeholder{color:var(--neutral-400);font-size:var(--fs-16);line-height:140%;font-weight:400}.calendar_wrapper .date_box img{max-width:calc(1.6666666667rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup{position:absolute;top:calc(4.6666666667rem / var(--scale));right:0;z-index:10;background:var(--white);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) calc(0rem / var(--scale)) calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 var(--box-shadow);width:auto;min-width:calc(33.3333333333rem / var(--scale));min-height:calc(37.5rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header{height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .navigation-button{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;font-size:var(--fs-20)}.calendar_wrapper .calendar-popup .calendar-header .navigation-button i-feather{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar-header .month-year{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600)}.calendar_wrapper .calendar-popup .calendar-header .month-year .year,.calendar_wrapper .calendar-popup .calendar-header .month-year .month{padding:calc(.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale));border-radius:calc(1.3333333333rem / var(--scale));cursor:pointer}.calendar_wrapper .calendar-popup .calendar-header .month-year .year.selected,.calendar_wrapper .calendar-popup .calendar-header .month-year .month.selected{color:var(--blue-700)}.calendar_wrapper .calendar-popup .calendar-header .month-year:hover{color:var(--blue-700);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .year-selector{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .year-selector .year-grid{width:100%}.calendar_wrapper .calendar-popup .year-selector img{max-width:calc(1.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid,.calendar_wrapper .calendar-popup .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(31.25rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month,.calendar_wrapper .calendar-popup .year-grid .year,.calendar_wrapper .calendar-popup .month-grid .month,.calendar_wrapper .calendar-popup .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .year-grid .month:hover,.calendar_wrapper .calendar-popup .year-grid .month.selected,.calendar_wrapper .calendar-popup .year-grid .year:hover,.calendar_wrapper .calendar-popup .year-grid .year.selected,.calendar_wrapper .calendar-popup .month-grid .month:hover,.calendar_wrapper .calendar-popup .month-grid .month.selected,.calendar_wrapper .calendar-popup .month-grid .year:hover,.calendar_wrapper .calendar-popup .month-grid .year.selected{color:var(--white);background-color:var(--blue-600);transition:ease-in-out .2s}.calendar_wrapper .calendar-popup .calendar_body{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;min-width:calc(31.8333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .days_name{height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--neutral-600);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end,.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{background-color:var(--blue-600);color:var(--white);border-radius:0}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day{border-radius:calc(.6666666667rem / var(--scale));cursor:pointer;background-color:var(--blue-50);width:calc(4rem / var(--scale));height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:var(--fs-16);line-height:calc(2.6666666667rem / var(--scale));font-weight:500;color:var(--neutral-500)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active{background-color:var(--blue-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:hover{background-color:var(--blue-100);border:calc(.0833333333rem / var(--scale)) solid var(--blue-700);color:var(--blue-700);transition:ease-in-out .3s}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day:not(:last-child){margin-bottom:calc(.6666666667rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.selected{background-color:var(--orange-600);color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.disabled{color:var(--neutral-400);pointer-events:none;background:var(--neutral-200)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.notInCurrentMonth{pointer-events:none;color:var(--neutral-300);background-color:var(--white)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_start{border-top-left-radius:calc(.3333333333rem / var(--scale));border-bottom-left-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.range_between_active{color:var(--blue-600);background-color:var(--blue-100)}.calendar_wrapper .calendar-popup .calendar_body .calendar-grid .calendar-day.active_end{border-top-right-radius:calc(.3333333333rem / var(--scale));border-bottom-right-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times{min-width:calc(7.0833333333rem / var(--scale));max-height:calc(31.25rem / var(--scale));overflow-y:auto;overflow-x:hidden;padding:calc(.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));background-color:var(--neutral-50);font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time{color:var(--neutral-500);display:inline-block;width:calc(5.75rem / var(--scale));text-align:center;cursor:pointer;padding:0 calc(.3333333333rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}.calendar_wrapper .calendar-popup .calendar_body .times .span_time:hover,.calendar_wrapper .calendar-popup .calendar_body .times .span_time.active{background-color:var(--blue-600);color:var(--white)}@media only screen and (min-width: 1024px) and (max-width: 1280px){.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr)}}.custom_disabled{color:var(--neutral-400);pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
-                }] }, { type: i0.ChangeDetectorRef }, { type: i1.DatePipe }], propDecorators: { dateTimeSelected: [{
+                }] }, { type: i0.ChangeDetectorRef }, { type: i1$1.DatePipe }], propDecorators: { dateTimeSelected: [{
                 type: Output
             }], dateConfig: [{
                 type: Input
@@ -2250,6 +2250,1073 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 type: Input
             }] } });
 
+class CalendarGridComponent {
+    month;
+    year;
+    calendarDays;
+    weekDays;
+    parent;
+    daySelected = new EventEmitter();
+    selectDay(day) {
+        this.daySelected.emit(day);
+    }
+    isSelected(day) {
+        return this.parent.isSelected(day, this.month, this.year);
+    }
+    isInRange(day) {
+        return this.parent.isInRange(day, this.month, this.year);
+    }
+    isRangeStart(day) {
+        return this.parent.isRangeStart(day, this.month, this.year);
+    }
+    isRangeEnd(day) {
+        return this.parent.isRangeEnd(day, this.month, this.year);
+    }
+    isToday(day) {
+        return this.parent.isToday(day, this.month, this.year);
+    }
+    isDayDisabled(day) {
+        return this.parent.isDayDisabled(day, this.month, this.year);
+    }
+    isOtherMonth(day) {
+        return this.parent.isOtherMonth(day);
+    }
+    getDayDisplay(day) {
+        return this.parent.getDayDisplay(day);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CalendarGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: CalendarGridComponent, isStandalone: true, selector: "custom-calendar-grid", inputs: { month: "month", year: "year", calendarDays: "calendarDays", weekDays: "weekDays", parent: "parent" }, outputs: { daySelected: "daySelected" }, ngImport: i0, template: "<div class=\"calendar-grid sp-t-12 sm-b-8\">\r\n  @for (d of weekDays; track $index) {\r\n  <div class=\"weekday-header meta-regular-emphasized\">{{ d }}</div>\r\n  }\r\n\r\n  <!-- Days -->\r\n  @for (day of calendarDays; track $index) {\r\n  <div class=\"calendar-day body-medium\" [class.other-month]=\"isOtherMonth(day)\" [class.selected]=\"isSelected(day)\"\r\n    [class.in-range]=\"isInRange(day)\" [class.range-start]=\"isRangeStart(day)\" [class.range-end]=\"isRangeEnd(day)\"\r\n    [class.today]=\"isToday(day)\" [class.disabled]=\"isDayDisabled(day)\" (click)=\"selectDay(day)\">\r\n    <span>{{ getDayDisplay(day) }}</span>\r\n  </div>\r\n  }\r\n</div>", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.calendar-grid{width:calc(28rem / var(--scale));min-height:calc(18.8333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid .weekday-header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(4rem / var(--scale));height:calc(2.8333333333rem / var(--scale));color:var(--text-heading-primary)}.calendar-grid .calendar-day{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(4rem / var(--scale));height:calc(3rem / var(--scale));cursor:pointer;color:var(--text-heading-primary);transition:background .1s,color .1s;position:relative;z-index:1}.calendar-grid .calendar-day:hover:not(.other-month):not(.disabled):not(.selected):not(.range-start):not(.range-end){background:var(--surface-background-blue);color:var(--text-link-default);border-radius:calc(.3333333333rem / var(--scale))}.calendar-grid .calendar-day.other-month{color:var(--text-body-muted);pointer-events:none}.calendar-grid .calendar-day.selected,.calendar-grid .calendar-day.range-start,.calendar-grid .calendar-day.range-end{background:var(--surface-action-default);color:var(--text-heading-inverse);border-radius:calc(.3333333333rem / var(--scale));z-index:2}.calendar-grid .calendar-day.in-range{background:var(--surface-background-blue);color:var(--text-link-default);border-radius:0}.calendar-grid .calendar-day.today:not(.selected):not(.range-start):not(.range-end) span{position:relative}.calendar-grid .calendar-day.today:not(.selected):not(.range-start):not(.range-end) span:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:calc(.125rem / var(--scale));background:var(--border-interaction-focus)}.calendar-grid .calendar-day.disabled{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CalendarGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'custom-calendar-grid', standalone: true, imports: [CommonModule], template: "<div class=\"calendar-grid sp-t-12 sm-b-8\">\r\n  @for (d of weekDays; track $index) {\r\n  <div class=\"weekday-header meta-regular-emphasized\">{{ d }}</div>\r\n  }\r\n\r\n  <!-- Days -->\r\n  @for (day of calendarDays; track $index) {\r\n  <div class=\"calendar-day body-medium\" [class.other-month]=\"isOtherMonth(day)\" [class.selected]=\"isSelected(day)\"\r\n    [class.in-range]=\"isInRange(day)\" [class.range-start]=\"isRangeStart(day)\" [class.range-end]=\"isRangeEnd(day)\"\r\n    [class.today]=\"isToday(day)\" [class.disabled]=\"isDayDisabled(day)\" (click)=\"selectDay(day)\">\r\n    <span>{{ getDayDisplay(day) }}</span>\r\n  </div>\r\n  }\r\n</div>", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.calendar-grid{width:calc(28rem / var(--scale));min-height:calc(18.8333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid .weekday-header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(4rem / var(--scale));height:calc(2.8333333333rem / var(--scale));color:var(--text-heading-primary)}.calendar-grid .calendar-day{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(4rem / var(--scale));height:calc(3rem / var(--scale));cursor:pointer;color:var(--text-heading-primary);transition:background .1s,color .1s;position:relative;z-index:1}.calendar-grid .calendar-day:hover:not(.other-month):not(.disabled):not(.selected):not(.range-start):not(.range-end){background:var(--surface-background-blue);color:var(--text-link-default);border-radius:calc(.3333333333rem / var(--scale))}.calendar-grid .calendar-day.other-month{color:var(--text-body-muted);pointer-events:none}.calendar-grid .calendar-day.selected,.calendar-grid .calendar-day.range-start,.calendar-grid .calendar-day.range-end{background:var(--surface-action-default);color:var(--text-heading-inverse);border-radius:calc(.3333333333rem / var(--scale));z-index:2}.calendar-grid .calendar-day.in-range{background:var(--surface-background-blue);color:var(--text-link-default);border-radius:0}.calendar-grid .calendar-day.today:not(.selected):not(.range-start):not(.range-end) span{position:relative}.calendar-grid .calendar-day.today:not(.selected):not(.range-start):not(.range-end) span:after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:calc(.125rem / var(--scale));background:var(--border-interaction-focus)}.calendar-grid .calendar-day.disabled{pointer-events:none}\n"] }]
+        }], propDecorators: { month: [{
+                type: Input
+            }], year: [{
+                type: Input
+            }], calendarDays: [{
+                type: Input
+            }], weekDays: [{
+                type: Input
+            }], parent: [{
+                type: Input
+            }], daySelected: [{
+                type: Output
+            }] } });
+
+class TimeInputComponent {
+    timeValue = '';
+    timeMeridiem = 'AM';
+    control;
+    timeChange = new EventEmitter();
+    onChangeCallback = () => { };
+    onTouchedCallback = () => { };
+    // ------------------ Input Handling ------------------
+    handleTimeInput(event) {
+        const input = event.target;
+        let value = input.value;
+        // Allow only digits + colon
+        value = value.replace(/[^0-9:]/g, '');
+        // CASE: user typed "1:" shorthand → treat leading digit as "0X"
+        if (/^\d:$/.test(value)) {
+            this.timeValue = `0${value[0]}:`;
+            input.value = this.timeValue;
+            this.updateControlValue();
+            this.emitTime();
+            return;
+        }
+        // Strip all colons → work purely with raw digits
+        let raw = value.replace(/:/g, '');
+        // Limit to 4 digits max
+        raw = raw.slice(0, 4);
+        // Only auto-insert colon once we have exactly 4 digits
+        // This prevents colon from disrupting cursor position mid-typing
+        if (raw.length === 4) {
+            this.timeValue = raw.slice(0, 2) + ':' + raw.slice(2, 4);
+        }
+        else {
+            this.timeValue = raw;
+        }
+        // Sync the actual input element value to prevent browser
+        // from showing stale/mis-formatted text
+        input.value = this.timeValue;
+        this.updateControlValue();
+        this.emitTime();
+    }
+    setPeriod(period) {
+        this.timeMeridiem = period;
+        this.updateControlValue();
+        this.emitTime();
+    }
+    emitTime() {
+        this.timeChange.emit({ time: this.timeValue, meridiem: this.timeMeridiem });
+    }
+    updateControlValue() {
+        if (!this.isValidTime(this.timeValue)) {
+            this.onChangeCallback(null);
+            return;
+        }
+        let [hours, minutes] = this.timeValue.split(':').map(Number);
+        // Convert to 24h
+        if (this.timeMeridiem === 'PM' && hours < 12)
+            hours += 12;
+        if (this.timeMeridiem === 'AM' && hours === 12)
+            hours = 0;
+        this.onChangeCallback(hours * 3600 + minutes * 60);
+    }
+    // ------------------ Validation ------------------
+    isValidTime(value) {
+        // Must be fully formatted HH:MM to be valid
+        if (!/^\d{2}:\d{2}$/.test(value))
+            return false;
+        const [hStr, mStr] = value.split(':');
+        const hours = Number(hStr);
+        const minutes = Number(mStr);
+        return (!isNaN(hours) &&
+            !isNaN(minutes) &&
+            hours >= 1 &&
+            hours <= 12 &&
+            minutes >= 0 &&
+            minutes <= 59);
+    }
+    validate(control) {
+        this.control = control;
+        return this.isValidTime(this.timeValue) ? null : { timePattern: true };
+    }
+    // ------------------ ControlValueAccessor ------------------
+    writeValue(obj) {
+        if (typeof obj === 'number') {
+            let hours = Math.floor(obj / 3600);
+            const minutes = Math.floor((obj % 3600) / 60);
+            this.timeMeridiem = hours >= 12 ? 'PM' : 'AM';
+            if (hours > 12)
+                hours -= 12;
+            if (hours === 0)
+                hours = 12;
+            this.timeValue = `${hours.toString().padStart(2, '0')}:${minutes
+                .toString()
+                .padStart(2, '0')}`;
+        }
+        else {
+            this.timeValue = '';
+            this.timeMeridiem = 'AM';
+        }
+    }
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    setDisabledState(_isDisabled) { }
+    onFocusOut() {
+        this.formatTimeOnBlur();
+        this.onTouchedCallback();
+    }
+    formatTimeOnBlur() {
+        if (!this.timeValue)
+            return;
+        // Strip colon and parse raw digits (handles both "115" and "11:5")
+        const raw = this.timeValue.replace(/:/g, '');
+        if (raw.length < 1) {
+            this.clearValue();
+            return;
+        }
+        const hours = Number(raw.slice(0, 2));
+        // If only 1–2 digits typed (e.g. "11"), default minutes to 0
+        const minutes = raw.length >= 3 ? Number(raw.slice(2, 4)) : 0;
+        // Validate hour
+        if (isNaN(hours) || hours < 1 || hours > 12) {
+            this.clearValue();
+            return;
+        }
+        // Validate minutes
+        if (isNaN(minutes) || minutes < 0 || minutes > 59) {
+            this.clearValue();
+            return;
+        }
+        // Format properly
+        this.timeValue =
+            `${hours.toString().padStart(2, '0')}:` +
+                `${minutes.toString().padStart(2, '0')}`;
+        this.updateControlValue();
+        this.emitTime();
+    }
+    clearValue() {
+        this.timeValue = '';
+        this.onChangeCallback(null);
+        this.emitTime();
+    }
+    clear() {
+        this.writeValue(null);
+        this.onChangeCallback(null);
+        this.emitTime();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TimeInputComponent, isStandalone: true, selector: "cats-time-input", outputs: { timeChange: "timeChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TimeInputComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => TimeInputComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"footer-row time-row\">\r\n  <span class=\"footer-label body-large sp-x-12\">Time</span>\r\n  <div class=\"footer-value-wrapper sp-x-12\">\r\n    <div class=\"time-input-wrapper\">\r\n      <input\r\n        class=\"time-input body-large\"\r\n        type=\"text\"\r\n        [value]=\"timeValue\"\r\n        placeholder=\"HH:MM\"\r\n        (input)=\"handleTimeInput($event)\"\r\n        (blur)=\"onFocusOut()\"\r\n        maxlength=\"5\"\r\n        autocomplete=\"off\"\r\n      />\r\n      <div class=\"period-toggle\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'AM'\"\r\n          (click)=\"setPeriod('AM')\"\r\n        >\r\n          AM\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'PM'\"\r\n          (click)=\"setPeriod('PM')\"\r\n        >\r\n          PM\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <img\r\n      src=\"images/x-cancel-btn.svg\"\r\n      alt=\"Clear\"\r\n      class=\"cancel-btn\"\r\n      (click)=\"clear();\"\r\n    />\r\n  </div>\r\n</div>", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.footer-row.label-row.muted{background:#f9fafb}.footer-row.label-row.muted .footer-value{color:#9ca3af}.footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.footer-row .footer-value-wrapper img{cursor:pointer}.footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;min-width:unset;cursor:pointer;color:var(--text-heading-secondary);border-radius:0;transition:background .15s,color .15s}.footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimeInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cats-time-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TimeInputComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => TimeInputComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"footer-row time-row\">\r\n  <span class=\"footer-label body-large sp-x-12\">Time</span>\r\n  <div class=\"footer-value-wrapper sp-x-12\">\r\n    <div class=\"time-input-wrapper\">\r\n      <input\r\n        class=\"time-input body-large\"\r\n        type=\"text\"\r\n        [value]=\"timeValue\"\r\n        placeholder=\"HH:MM\"\r\n        (input)=\"handleTimeInput($event)\"\r\n        (blur)=\"onFocusOut()\"\r\n        maxlength=\"5\"\r\n        autocomplete=\"off\"\r\n      />\r\n      <div class=\"period-toggle\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'AM'\"\r\n          (click)=\"setPeriod('AM')\"\r\n        >\r\n          AM\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'PM'\"\r\n          (click)=\"setPeriod('PM')\"\r\n        >\r\n          PM\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <img\r\n      src=\"images/x-cancel-btn.svg\"\r\n      alt=\"Clear\"\r\n      class=\"cancel-btn\"\r\n      (click)=\"clear();\"\r\n    />\r\n  </div>\r\n</div>", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.footer-row.label-row.muted{background:#f9fafb}.footer-row.label-row.muted .footer-value{color:#9ca3af}.footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.footer-row .footer-value-wrapper img{cursor:pointer}.footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;min-width:unset;cursor:pointer;color:var(--text-heading-secondary);border-radius:0;transition:background .15s,color .15s}.footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}\n"] }]
+        }], propDecorators: { timeChange: [{
+                type: Output
+            }] } });
+
+class CustomDatePickerComponent {
+    elRef;
+    config = {};
+    label = '';
+    showHeader = true;
+    showTrigger = true;
+    // Single / datetime
+    applied = new EventEmitter();
+    cancelled = new EventEmitter();
+    // Range
+    rangeSelected = new EventEmitter();
+    onChange = () => { };
+    onTouched = () => { };
+    // ─── State ────────────────────────────────────────────────────────────────
+    isOpen = false;
+    // Single / DateTime
+    selectedDate = null;
+    tempDate = null;
+    // Range
+    rangeFrom = null;
+    rangeTo = null;
+    tempFrom = null;
+    tempTo = null;
+    // DateTime
+    timeValue = '';
+    timeMeridiem = 'AM';
+    fromTimeValue = '';
+    fromTimeMeridiem = 'AM';
+    toTimeValue = '';
+    toTimeMeridiem = 'AM';
+    // Calendar
+    currentMonth = new Date().getMonth();
+    currentYear = new Date().getFullYear();
+    weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+    calendarDays = [];
+    // Dual mode (two calendars)
+    currentMonth2 = new Date().getMonth();
+    currentYear2 = new Date().getFullYear();
+    calendarDays2 = [];
+    yearRange = [];
+    calenderView = 'day';
+    activeCalendar = 'primary';
+    monthNames = [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July',
+        'August',
+        'September',
+        'October',
+        'November',
+        'December',
+    ];
+    constructor(elRef) {
+        this.elRef = elRef;
+    }
+    ngOnInit() {
+        this.generateYearRange();
+        if (!this.showTrigger) {
+            this.toggleCalendar();
+        }
+    }
+    // ─── Getters ──────────────────────────────────────────────────────────────
+    get mode() {
+        return this.config.mode || 'single';
+    }
+    get showDateLabel() {
+        return this.config.showDateLabel !== false;
+    }
+    get time() {
+        return this.config.time ?? false;
+    }
+    get currentMonthYear() {
+        return `${this.monthNames[this.currentMonth]} ${this.currentYear}`;
+    }
+    get currentMonthName() {
+        return this.monthNames[this.currentMonth];
+    }
+    get activeMonthName() {
+        return this.activeCalendar === 'secondary'
+            ? this.monthNames[this.currentMonth2]
+            : this.monthNames[this.currentMonth];
+    }
+    get activeYearValue() {
+        return this.activeCalendar === 'secondary'
+            ? this.currentYear2
+            : this.currentYear;
+    }
+    get displayValue() {
+        if (this.mode === 'range' || this.mode === 'dual') {
+            if (this.rangeFrom && this.rangeTo) {
+                return `${this.formatDate(this.rangeFrom)} – ${this.formatDate(this.rangeTo)}`;
+            }
+            if (this.rangeFrom)
+                return this.formatDate(this.rangeFrom);
+            return '';
+        }
+        return this.selectedDate ? this.formatDate(this.selectedDate) : '';
+    }
+    get tempDisplayValue() {
+        if (!this.tempDate)
+            return this.config.placeholder || 'Select date';
+        return this.formatDate(this.tempDate);
+    }
+    get tempFromDisplay() {
+        if (!this.tempFrom)
+            return this.config.fromPlaceholder || 'Select date';
+        return this.formatDate(this.tempFrom);
+    }
+    get tempToDisplay() {
+        if (!this.tempTo)
+            return this.config.toPlaceholder || 'Select date';
+        return this.formatDate(this.tempTo);
+    }
+    // ─── ControlValueAccessor ─────────────────────────────────────────────────
+    // writeValue(val: any): void {
+    //   if (!val) {
+    //     this.selectedDate = null;
+    //     this.tempDate = null;
+    //     this.rangeFrom = null;
+    //     this.rangeTo = null;
+    //     this.tempFrom = null;
+    //     this.tempTo = null;
+    //     this.timeValue = '';
+    //     this.timeMeridiem = 'AM';
+    //     this.fromTimeValue = '';
+    //     this.fromTimeMeridiem = 'AM';
+    //     this.toTimeValue = '';
+    //     this.toTimeMeridiem = 'AM';
+    //   }
+    //   if (this.mode === 'range' || this.mode === 'dual') {
+    //     const from = val.from ? new Date(val.from) : null;
+    //     const to = val.to ? new Date(val.to) : null;
+    //     this.rangeFrom = from;
+    //     this.rangeTo = to;
+    //     this.tempFrom = from;
+    //     this.tempTo = to;
+    //     if (this.time) {
+    //       if (val.fromTime) {
+    //         const [time, meridiem] = val.fromTime.split(' ');
+    //         this.fromTimeValue = time;
+    //         this.fromTimeMeridiem = meridiem || 'AM';
+    //       }
+    //       if (val.toTime) {
+    //         const [time, meridiem] = val.toTime.split(' ');
+    //         this.toTimeValue = time;
+    //         this.toTimeMeridiem = meridiem || 'AM';
+    //       }
+    //     }
+    //   }
+    //   // Single mode with time
+    //   else if (this.time && val?.date) {
+    //     this.selectedDate = new Date(val.date);
+    //     this.tempDate = new Date(val.date);
+    //     if (val.time) {
+    //       const [time, meridiem] = val.time.split(' ');
+    //       this.timeValue = time;
+    //       this.timeMeridiem = meridiem || 'AM';
+    //     }
+    //   }
+    //   // Single mode without time
+    //   else {
+    //     this.selectedDate = new Date(val);
+    //     this.tempDate = new Date(val);
+    //   }
+    //   // this.initializeCurrentMonthYear()
+    // }
+    writeValue(val) {
+        // Guard: reset and exit early if no value
+        if (!val) {
+            this.selectedDate = null;
+            this.tempDate = null;
+            this.rangeFrom = null;
+            this.rangeTo = null;
+            this.tempFrom = null;
+            this.tempTo = null;
+            this.timeValue = '';
+            this.timeMeridiem = 'AM';
+            this.fromTimeValue = '';
+            this.fromTimeMeridiem = 'AM';
+            this.toTimeValue = '';
+            this.toTimeMeridiem = 'AM';
+            return;
+        }
+        if (this.mode === 'range' || this.mode === 'dual') {
+            const from = val.from ? new Date(val.from) : null;
+            const to = val.to ? new Date(val.to) : null;
+            this.rangeFrom = from;
+            this.rangeTo = to;
+            this.tempFrom = from;
+            this.tempTo = to;
+            // Remove "if (this.time)" — check val directly instead
+            if (val.fromTime) {
+                const [time, meridiem] = val.fromTime.split(' ');
+                this.fromTimeValue = time;
+                this.fromTimeMeridiem = meridiem || 'AM';
+                //  Also convert to seconds so ngModel patches the child correctly
+                this.fromTimeInSeconds = this.convertToSeconds(time, meridiem);
+            }
+            if (val.toTime) {
+                const [time, meridiem] = val.toTime.split(' ');
+                this.toTimeValue = time;
+                this.toTimeMeridiem = meridiem || 'AM';
+                //  Also convert to seconds so ngModel patches the child correctly
+                this.toTimeInSeconds = this.convertToSeconds(time, meridiem);
+            }
+        }
+        // Single with time
+        else if (this.time && val?.date) {
+            this.selectedDate = new Date(val.date);
+            this.tempDate = new Date(val.date);
+            if (val.time) {
+                const [time, meridiem] = val.time.split(' ');
+                this.timeValue = time;
+                this.timeMeridiem = meridiem || 'AM';
+                this.singleTimeInSeconds = this.convertToSeconds(time, meridiem);
+            }
+        }
+        // Single without time
+        else if (val) {
+            this.selectedDate = new Date(val);
+            this.tempDate = new Date(val);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    // ─── Toggle ───────────────────────────────────────────────────────────────
+    toggleCalendar() {
+        this.isOpen = true;
+        this.initializeCurrentMonthYear();
+        this.onTouched();
+    }
+    initializeCurrentMonthYear() {
+        const refDate = (this.mode === 'range' || this.mode === 'dual') && this.rangeFrom
+            ? this.rangeFrom
+            : this.selectedDate || new Date();
+        this.currentMonth = refDate.getMonth();
+        this.currentYear = refDate.getFullYear();
+        if (this.mode === 'dual') {
+            const next = this.getNextMonthYear(this.currentMonth, this.currentYear);
+            this.currentMonth2 = next.month;
+            this.currentYear2 = next.year;
+        }
+        if (this.mode === 'dual' && this.rangeFrom && this.rangeTo) {
+            const sameMonth = this.rangeFrom.getMonth() === this.rangeTo.getMonth();
+            if (sameMonth) {
+                const { month, year } = this.getNextMonthYear(this.currentMonth, this.currentYear);
+                this.currentMonth2 = month;
+                this.currentYear2 = year;
+            }
+            else {
+                this.currentMonth2 = this.rangeTo.getMonth();
+                this.currentYear2 = this.rangeTo.getFullYear();
+            }
+        }
+        this.buildCalendar();
+    }
+    // initializeCurrentMonthYear(): void {
+    //   const refDate =
+    //     (this.mode === 'range' || this.mode === 'dual') && this.rangeFrom
+    //       ? this.rangeFrom
+    //       : this.selectedDate || new Date();
+    //   this.currentMonth = refDate.getMonth();
+    //   this.currentYear = refDate.getFullYear();
+    //   if (this.mode === 'dual' && this.rangeFrom && this.rangeTo) {
+    //     const sameMonth = this.rangeFrom.getMonth() === this.rangeTo.getMonth();
+    //     if (sameMonth) {
+    //       const { month, year } = this.getNextMonthYear(
+    //         this.currentMonth,
+    //         this.currentYear,
+    //       );
+    //       this.currentMonth2 = month;
+    //       this.currentYear2 = year;
+    //     } else {
+    //       this.currentMonth2 = this.rangeTo.getMonth();
+    //       this.currentYear2 = this.rangeTo.getFullYear();
+    //     }
+    //   }
+    //   this.buildCalendar();
+    // }
+    onDocumentClick(event) {
+        if (!this.elRef.nativeElement.contains(event.target)) {
+            this.onCancel();
+        }
+    }
+    // ─── Calendar Build ───────────────────────────────────────────────────────
+    buildCalendar() {
+        if (this.mode === 'dual') {
+            const next = this.getNextMonthYear(this.currentMonth, this.currentYear);
+            this.currentMonth2 = next.month;
+            this.currentYear2 = next.year;
+            this.calendarDays = this.buildCalendarDays(this.currentMonth, this.currentYear);
+            this.calendarDays2 = this.buildCalendarDays(this.currentMonth2, this.currentYear2);
+        }
+        else {
+            this.calendarDays = this.buildCalendarDays(this.currentMonth, this.currentYear);
+        }
+    }
+    buildCalendarDays(month, year) {
+        const firstDay = new Date(year, month, 1).getDay();
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        const prevMonthDays = new Date(year, month, 0).getDate();
+        const days = [];
+        // Leading days from prev month (greyed out)
+        for (let i = firstDay - 1; i >= 0; i--) {
+            days.push(-(prevMonthDays - i)); // negative = prev month
+        }
+        // Current month days
+        for (let d = 1; d <= daysInMonth; d++) {
+            days.push(d);
+        }
+        // Trailing days from next month
+        let trailing = 1;
+        while (days.length % 7 !== 0) {
+            days.push(1000 + trailing++); // 1000+ = next month
+        }
+        return days;
+    }
+    getNextMonthYear(month, year) {
+        if (month === 11) {
+            return { month: 0, year: year + 1 };
+        }
+        return { month: month + 1, year };
+    }
+    getPrevMonthYear(month, year) {
+        if (month === 0) {
+            return { month: 11, year: year - 1 };
+        }
+        return { month: month - 1, year };
+    }
+    generateYearRange(year = this.currentYear) {
+        const startYear = year - (year % 20);
+        this.yearRange = Array.from({ length: 18 }, (_, i) => startYear + i);
+    }
+    openView(calendar, view) {
+        this.activeCalendar = calendar;
+        this.calenderView = view;
+        if (view === 'year') {
+            this.generateYearRange(calendar === 'secondary' ? this.currentYear2 : this.currentYear);
+        }
+    }
+    getDayDisplay(day) {
+        if (day === null)
+            return '';
+        if (day < 0)
+            return String(Math.abs(day));
+        if (day > 999)
+            return String(day - 1000);
+        return String(day);
+    }
+    isOtherMonth(day) {
+        if (day === null)
+            return false;
+        return day < 0 || day > 999;
+    }
+    getActualDay(day) {
+        if (day === null)
+            return null;
+        if (day < 0 || day > 999)
+            return null; // other month — not selectable
+        return day;
+    }
+    // ─── Navigation ───────────────────────────────────────────────────────────
+    // Fix — secondary is always exactly 1 month ahead of primary
+    prevMonth() {
+        const prev = this.getPrevMonthYear(this.currentMonth, this.currentYear);
+        this.currentMonth = prev.month;
+        this.currentYear = prev.year;
+        if (this.mode === 'dual') {
+            const next = this.getNextMonthYear(this.currentMonth, this.currentYear);
+            this.currentMonth2 = next.month;
+            this.currentYear2 = next.year;
+        }
+        this.buildCalendar();
+    }
+    nextMonth() {
+        const next = this.getNextMonthYear(this.currentMonth, this.currentYear);
+        this.currentMonth = next.month;
+        this.currentYear = next.year;
+        if (this.mode === 'dual') {
+            const next2 = this.getNextMonthYear(this.currentMonth, this.currentYear);
+            this.currentMonth2 = next2.month;
+            this.currentYear2 = next2.year;
+        }
+        this.buildCalendar();
+    }
+    selectMonth(month) {
+        const index = this.monthNames.indexOf(month);
+        if (this.activeCalendar === 'primary') {
+            this.currentMonth = index;
+            if (this.mode === 'dual') {
+                const next = this.getNextMonthYear(this.currentMonth, this.currentYear);
+                this.currentMonth2 = next.month;
+                this.currentYear2 = next.year;
+            }
+        }
+        else {
+            this.currentMonth2 = index;
+            if (this.mode === 'dual') {
+                const prev = this.getPrevMonthYear(this.currentMonth2, this.currentYear2);
+                this.currentMonth = prev.month;
+                this.currentYear = prev.year;
+            }
+        }
+        this.buildCalendar();
+        this.calenderView = 'day';
+    }
+    previousYearRange() {
+        this.yearRange = this.yearRange.map((year) => year - 18);
+    }
+    nextYearRange() {
+        this.yearRange = this.yearRange.map((year) => year + 18);
+    }
+    selectYear(year) {
+        if (this.activeCalendar === 'primary') {
+            this.currentYear = year;
+            if (this.mode === 'dual') {
+                const next = this.getNextMonthYear(this.currentMonth, this.currentYear);
+                this.currentMonth2 = next.month;
+                this.currentYear2 = next.year;
+            }
+        }
+        else {
+            this.currentYear2 = year;
+            if (this.mode === 'dual') {
+                const prev = this.getPrevMonthYear(this.currentMonth2, this.currentYear2);
+                this.currentMonth = prev.month;
+                this.currentYear = prev.year;
+            }
+        }
+        this.generateYearRange(this.activeCalendar === 'secondary'
+            ? this.currentYear2
+            : this.currentYear);
+        this.buildCalendar();
+        this.calenderView = 'day';
+    }
+    // ─── Day Selection ────────────────────────────────────────────────────────
+    selectDay(day, calendar = 'primary') {
+        const month = calendar === 'secondary' ? this.currentMonth2 : this.currentMonth;
+        const year = calendar === 'secondary' ? this.currentYear2 : this.currentYear;
+        const actual = this.getActualDay(day);
+        if (!actual || this.isDayDisabled(actual, month, year))
+            return;
+        const date = new Date(year, month, actual);
+        if (this.mode === 'range' || this.mode === 'dual') {
+            if (!this.tempFrom && !this.tempTo) {
+                this.tempFrom = date;
+            }
+            else if (this.tempFrom && !this.tempTo) {
+                if (date < this.tempFrom) {
+                    this.tempTo = this.tempFrom;
+                    this.tempFrom = date;
+                }
+                else {
+                    this.tempTo = date;
+                }
+            }
+            else {
+                this.tempFrom = date;
+                this.tempTo = null;
+            }
+        }
+        else {
+            this.tempDate = date;
+        }
+    }
+    // ─── Day State Checks ─────────────────────────────────────────────────────
+    isSelected(day, month = this.currentMonth, year = this.currentYear) {
+        const actual = this.getActualDay(day);
+        if (!actual)
+            return false;
+        if (this.mode === 'range' || this.mode === 'dual') {
+            const date = new Date(year, month, actual);
+            return (this.isSameDay(date, this.tempFrom) || this.isSameDay(date, this.tempTo));
+        }
+        if (!this.tempDate)
+            return false;
+        return (this.tempDate.getDate() === actual &&
+            this.tempDate.getMonth() === month &&
+            this.tempDate.getFullYear() === year);
+    }
+    isInRange(day, month = this.currentMonth, year = this.currentYear) {
+        if (this.mode !== 'range' && this.mode !== 'dual')
+            return false;
+        const actual = this.getActualDay(day);
+        if (!actual || !this.tempFrom || !this.tempTo)
+            return false;
+        const date = new Date(year, month, actual);
+        return date > this.tempFrom && date < this.tempTo;
+    }
+    isRangeStart(day, month = this.currentMonth, year = this.currentYear) {
+        if (this.mode !== 'range' && this.mode !== 'dual')
+            return false;
+        const actual = this.getActualDay(day);
+        if (!actual)
+            return false;
+        return this.isSameDay(new Date(year, month, actual), this.tempFrom);
+    }
+    isRangeEnd(day, month = this.currentMonth, year = this.currentYear) {
+        if (this.mode !== 'range' && this.mode !== 'dual')
+            return false;
+        const actual = this.getActualDay(day);
+        if (!actual)
+            return false;
+        return this.isSameDay(new Date(year, month, actual), this.tempTo);
+    }
+    isToday(day, month = this.currentMonth, year = this.currentYear) {
+        const actual = this.getActualDay(day);
+        if (!actual)
+            return false;
+        const today = new Date();
+        return (today.getDate() === actual &&
+            today.getMonth() === month &&
+            today.getFullYear() === year);
+    }
+    isDayDisabled(day, month = this.currentMonth, year = this.currentYear) {
+        const actual = this.getActualDay(day);
+        if (!actual)
+            return true;
+        const date = new Date(year, month, actual);
+        // disablePastDays: disable last N days from today
+        if (this.config.disablePastDays) {
+            const cutoff = new Date();
+            cutoff.setDate(cutoff.getDate() - this.config.disablePastDays);
+            cutoff.setHours(0, 0, 0, 0);
+            if (date < cutoff)
+                return true;
+        }
+        if (this.config.minDate) {
+            const min = new Date(this.config.minDate);
+            min.setHours(0, 0, 0, 0);
+            if (date < min)
+                return true;
+        }
+        if (this.config.maxDate) {
+            const max = new Date(this.config.maxDate);
+            max.setHours(23, 59, 59, 999);
+            if (date > max)
+                return true;
+        }
+        if (this.config.disabledDates?.length) {
+            return this.config.disabledDates.some((d) => this.isSameDay(d, date));
+        }
+        return false;
+    }
+    // ─── Time (datetime mode) ─────────────────────────────────────────────────
+    // handleTimeInput(event: Event, field: 'timeValue' | 'fromTimeValue' | 'toTimeValue') {
+    //   const input = event.target as HTMLInputElement;
+    //   let value = input.value.replace(/[^0-9]/g, '');
+    //   if (value.length > 2) {
+    //     value = value.slice(0, 2) + ':' + value.slice(2, 4);
+    //   }
+    //   this[field] = value.slice(0, 5);
+    // }
+    // setPeriod(value: 'AM' | 'PM', field: 'timeMeridiem' | 'fromTimeMeridiem' | 'toTimeMeridiem'): void {
+    //   this[field] = value;
+    // }
+    setTime(event) {
+        console.log(event);
+    }
+    singleTimeInSeconds = null;
+    fromTimeInSeconds = null;
+    toTimeInSeconds = null;
+    convertToSeconds(time, meridiem) {
+        if (!time)
+            return null;
+        let [hours, minutes] = time.split(':').map(Number);
+        if (isNaN(hours) || isNaN(minutes))
+            return null;
+        if (meridiem === 'PM' && hours < 12)
+            hours += 12;
+        if (meridiem === 'AM' && hours === 12)
+            hours = 0;
+        return hours * 3600 + minutes * 60;
+    }
+    onSingleTimeChange(event) {
+        this.timeValue = event.time;
+        this.timeMeridiem = event.meridiem;
+        //  store for patch
+        this.singleTimeInSeconds = this.convertToSeconds(event.time, event.meridiem);
+    }
+    onFromTimeChange(event) {
+        this.fromTimeValue = event.time;
+        this.fromTimeMeridiem = event.meridiem;
+        this.fromTimeInSeconds = this.convertToSeconds(event.time, event.meridiem);
+    }
+    onToTimeChange(event) {
+        this.toTimeValue = event.time;
+        this.toTimeMeridiem = event.meridiem;
+        this.toTimeInSeconds = this.convertToSeconds(event.time, event.meridiem);
+    }
+    // ─── Actions ──────────────────────────────────────────────────────────────
+    onApply() {
+        const parentDateFormat = this.config.parentDateFormat;
+        // ---------------- RANGE / DUAL ----------------
+        if (this.mode === 'range' || this.mode === 'dual') {
+            if (!this.tempFrom || !this.tempTo)
+                return;
+            let fromTime = '';
+            let toTime = '';
+            if (this.time) {
+                const normalizedFrom = this.normalizeTime(this.fromTimeValue);
+                const normalizedTo = this.normalizeTime(this.toTimeValue);
+                //  block apply if invalid
+                if (!normalizedFrom || !normalizedTo)
+                    return;
+                fromTime = `${normalizedFrom} ${this.fromTimeMeridiem}`;
+                toTime = `${normalizedTo} ${this.toTimeMeridiem}`;
+            }
+            this.rangeFrom = this.tempFrom;
+            this.rangeTo = this.tempTo;
+            const result = {
+                from: this.formatDate(this.rangeFrom, parentDateFormat),
+                to: this.formatDate(this.rangeTo, parentDateFormat),
+                fromTime,
+                toTime,
+            };
+            this.onChange(result);
+            this.applied.emit(result);
+        }
+        // ---------------- SINGLE ----------------
+        else if (this.mode === 'single') {
+            if (!this.tempDate)
+                return;
+            this.selectedDate = this.tempDate;
+            const finalDate = this.formatDate(this.tempDate, parentDateFormat);
+            if (this.time) {
+                const normalized = this.normalizeTime(this.timeValue);
+                //  block invalid time
+                if (!normalized)
+                    return;
+                const result = {
+                    date: finalDate,
+                    time: `${normalized} ${this.timeMeridiem}`,
+                    meridiem: this.timeMeridiem,
+                };
+                this.onChange(result);
+                this.applied.emit(result);
+            }
+            else {
+                this.onChange(finalDate);
+                this.applied.emit(finalDate);
+            }
+        }
+        this.isOpen = false;
+    }
+    normalizeTime(value) {
+        if (!value)
+            return null;
+        let [h, m] = value.split(':');
+        let hours = Number(h);
+        let minutes = Number(m ?? 0);
+        //  Invalid hour (block 00 also)
+        if (!hours || hours < 1 || hours > 12)
+            return null;
+        //  Invalid minutes
+        if (minutes < 0 || minutes > 59)
+            return null;
+        // ✅ Auto fix
+        return `${hours.toString().padStart(2, '0')}:${minutes
+            .toString()
+            .padStart(2, '0')}`;
+    }
+    appendTimeInDate(time, date, timeMeridiem) {
+        const [hours, minutes] = time.split(':').map(Number);
+        const dateWithTime = new Date(date);
+        if (!isNaN(hours) && !isNaN(minutes)) {
+            let h = hours;
+            if (timeMeridiem === 'PM' && h < 12)
+                h += 12;
+            if (timeMeridiem === 'AM' && h === 12)
+                h = 0;
+            dateWithTime.setHours(h, minutes, 0, 0);
+        }
+        return dateWithTime;
+    }
+    onCancel() {
+        //Reset values to last applied state
+        this.tempDate = this.selectedDate ? new Date(this.selectedDate) : null;
+        this.tempFrom = this.rangeFrom ? new Date(this.rangeFrom) : null;
+        this.tempTo = this.rangeTo ? new Date(this.rangeTo) : null;
+        this.calenderView = 'day';
+        this.isOpen = false;
+        this.cancelled.emit();
+    }
+    clearDate() {
+        this.selectedDate = null;
+        this.tempDate = null;
+        this.rangeFrom = null;
+        this.rangeTo = null;
+        this.tempFrom = null;
+        this.tempTo = null;
+        this.onChange(null);
+        // this.applied.emit(null);
+    }
+    cancelDate(source) {
+        if (source == 'from') {
+            this.tempFrom = null;
+            this.rangeFrom = null;
+        }
+        else if (source == 'to') {
+            this.tempTo = null;
+            this.rangeTo = null;
+        }
+        else {
+            this.tempDate = null;
+        }
+    }
+    onDaySelected(day, calendar) {
+        this.selectDay(day, calendar);
+    }
+    // ─── Helpers ──────────────────────────────────────────────────────────────
+    isSameDay(a, b) {
+        if (!a || !b)
+            return false;
+        return (a.getDate() === b.getDate() &&
+            a.getMonth() === b.getMonth() &&
+            a.getFullYear() === b.getFullYear());
+    }
+    formatDate(date, dateFormat = this.config.dateFormat ?? '') {
+        const day = date.getDate();
+        const monthShort = this.monthNames[date.getMonth()].slice(0, 3);
+        const year = date.getFullYear();
+        switch (dateFormat) {
+            case 'MM/dd/yyyy':
+                return `${String(date.getMonth() + 1).padStart(2, '0')}/${String(day).padStart(2, '0')}/${year}`;
+            case 'yyyy-MM-dd':
+                return `${year}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+            default:
+                return `${day} ${monthShort} ${year}`;
+        }
+    }
+    get canApply() {
+        if (this.mode === 'range' || this.mode === 'dual') {
+            if (!this.tempFrom || !this.tempTo)
+                return false;
+            if (this.tempFrom > this.tempTo)
+                return false;
+            if (this.time) {
+                if (!this.isValidTime(this.fromTimeValue))
+                    return false;
+                if (!this.isValidTime(this.toTimeValue))
+                    return false;
+            }
+            return true;
+        }
+        if (this.mode === 'single') {
+            if (!this.tempDate)
+                return false;
+            let finalDate = new Date(this.tempDate);
+            if (this.time) {
+                if (!this.isValidTime(this.timeValue))
+                    return false;
+                const [hours, minutes] = this.timeValue.split(':').map(Number);
+                let h = hours;
+                if (this.timeMeridiem === 'PM' && h < 12)
+                    h += 12;
+                if (this.timeMeridiem === 'AM' && h === 12)
+                    h = 0;
+                finalDate.setHours(h, minutes, 0, 0);
+            }
+            if (this.config?.maxDate && finalDate > this.config.maxDate) {
+                return false;
+            }
+            if (this.config?.minDate && finalDate < this.config.minDate) {
+                return false;
+            }
+            return true;
+        }
+        return false;
+    }
+    isValidTime(value) {
+        const [hStr, mStr] = value.split(':');
+        if (!hStr)
+            return false;
+        const hours = Number(hStr);
+        const minutes = Number(mStr ?? '0');
+        return !(isNaN(hours) ||
+            isNaN(minutes) ||
+            hours < 1 ||
+            hours > 12 ||
+            minutes < 0 ||
+            minutes > 59);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CustomDatePickerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: CustomDatePickerComponent, isStandalone: true, selector: "cats-ui-custom-date-picker", inputs: { config: "config", label: "label", showHeader: "showHeader", showTrigger: "showTrigger" }, outputs: { applied: "applied", cancelled: "cancelled", rangeSelected: "rangeSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CustomDatePickerComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"date-picker-wrapper\" id=\"custom-date\">\r\n  <!-- Label -->\r\n  @if (label) {\r\n    <label class=\"date-label\">{{ label }}</label>\r\n  }\r\n\r\n  <!-- Input Trigger -->\r\n  @if (showTrigger) {\r\n    <div\r\n      class=\"date-input\"\r\n      [class.is-open]=\"isOpen\"\r\n      [class.has-value]=\"displayValue\"\r\n      (click)=\"toggleCalendar()\"\r\n    >\r\n      <svg\r\n        class=\"calendar-icon\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n      >\r\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\r\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\r\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\r\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\r\n      </svg>\r\n\r\n      <span class=\"date-input__text\" [class.placeholder]=\"!displayValue\">\r\n        {{ displayValue || config.placeholder || \"Select date\" }}\r\n      </span>\r\n\r\n      @if (displayValue) {\r\n        <span class=\"clear-btn\" (click)=\"$event.stopPropagation(); clearDate()\">\r\n          <img src=\"images/x.svg\" alt=\"\" />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Calendar Dropdown -->\r\n  @if (!showTrigger || isOpen) {\r\n    <div\r\n      class=\"calendar-dropdown sp-16 br-8\"\r\n      [ngClass]=\"{ 'month-year-view': calenderView != 'day' }\"\r\n    >\r\n      <div class=\"calendar-header sm-b-12\">\r\n        <div class=\"nav-btn br-4\" (click)=\"prevMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"month-year body-medium\">\r\n          @if (mode === \"dual\") {\r\n            @if (calenderView == \"day\" || activeCalendar != \"secondary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('primary', 'month')\">{{\r\n                  currentMonthName\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('primary', 'year')\">{{\r\n                  currentYear\r\n                }}</span>\r\n              </div>\r\n            }\r\n\r\n            @if (calenderView == \"day\" || activeCalendar != \"primary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('secondary', 'month')\">{{\r\n                  monthNames[currentMonth2]\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('secondary', 'year')\">{{\r\n                  currentYear2\r\n                }}</span>\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"month-year-wrapper\">\r\n              <span class=\"month\" (click)=\"calenderView = 'month'\">{{\r\n                currentMonthName\r\n              }}</span>\r\n              <span class=\"year\" (click)=\"calenderView = 'year'\">{{\r\n                currentYear\r\n              }}</span>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"nav-btn br-4\" (click)=\"nextMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n\r\n      @if (calenderView == \"month\") {\r\n        <div class=\"month-grid\">\r\n          @for (month of monthNames; track month) {\r\n            <span\r\n              class=\"month\"\r\n              (click)=\"selectMonth(month)\"\r\n              [ngClass]=\"{ selected: month == activeMonthName }\"\r\n              >{{ month }}</span\r\n            >\r\n          }\r\n        </div>\r\n      } @else if (calenderView == \"year\") {\r\n        <div class=\"year-selector\">\r\n          <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n            <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n          </span>\r\n          <div class=\"year-grid\">\r\n            @for (year of yearRange; track year) {\r\n              <span\r\n                class=\"year\"\r\n                (click)=\"selectYear(year)\"\r\n                [ngClass]=\"{ selected: year == activeYearValue }\"\r\n                >{{ year }}</span\r\n              >\r\n            }\r\n          </div>\r\n          <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n            <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n          </span>\r\n        </div>\r\n      } @else {\r\n        <!-- Weekday Headers -->\r\n        <div class=\"day_wrapper\">\r\n          @if (mode === \"dual\") {\r\n            <div class=\"dual-calendar\">\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth\"\r\n                  [year]=\"currentYear\"\r\n                  [calendarDays]=\"calendarDays\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'primary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth2\"\r\n                  [year]=\"currentYear2\"\r\n                  [calendarDays]=\"calendarDays2\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'secondary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <custom-calendar-grid\r\n              [month]=\"currentMonth\"\r\n              [year]=\"currentYear\"\r\n              [calendarDays]=\"calendarDays\"\r\n              [weekDays]=\"weekDays\"\r\n              [parent]=\"this\"\r\n              (daySelected)=\"onDaySelected($event, 'primary')\"\r\n            ></custom-calendar-grid>\r\n          }\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          class=\"calendar-footer sm-b-16\"\r\n          [ngClass]=\"{ 'dual-calendar': config.mode === 'dual' }\"\r\n        >\r\n          <!-- SINGLE MODE footer -->\r\n          @if (mode === \"single\" && showDateLabel) {\r\n            <div class=\"calendar-footer-wrapper\">\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">Date</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempDisplayValue\r\n                  }}</span>\r\n                  <img (click)=\"cancelDate('single')\"src=\"images/x-cancel-btn.svg\" alt=\"\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            @if (time) {\r\n              <cats-time-input\r\n              [(ngModel)]=\"singleTimeInSeconds\"\r\n                (timeChange)=\"onSingleTimeChange($event)\"\r\n              ></cats-time-input>\r\n           \r\n            }\r\n          }\r\n\r\n          <!-- RANGE MODE footer -->\r\n          @if (mode === \"range\" || mode === \"dual\") {\r\n            <div\r\n              class=\"calendar-footer-wrapper\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">From</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempFromDisplay\r\n                  }}</span>\r\n                  <img (click)=\"cancelDate('from')\" src=\"images/x-cancel-btn.svg\" alt=\"\" />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                 [(ngModel)]=\"fromTimeInSeconds\"\r\n                  (timeChange)=\"onFromTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n            <div\r\n              class=\"dual-calendar-border-top\"\r\n              [ngClass]=\"{ 'calendar-footer-wrapper': time, 'sp-t-12': time }\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\" [class.muted]=\"!tempTo\">\r\n                <span class=\"footer-label body-large sp-x-12\">To</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempToDisplay\r\n                  }}</span>\r\n                  <img (click)=\"cancelDate('to')\" src=\"images/x-cancel-btn.svg\" alt=\"\" />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"toTimeInSeconds\"\r\n                  (timeChange)=\"onToTimeChange($event)\"\r\n                ></cats-time-input>\r\n              \r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n        <!-- Action Buttons -->\r\n        <div class=\"footer-actions\">\r\n          <button\r\n            class=\"btn-cancel footer-btn body-medium\"\r\n            (click)=\"onCancel()\"\r\n            type=\"button\"\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn-apply footer-btn body-medium\"\r\n            (click)=\"onApply()\"\r\n            type=\"button\"\r\n            [disabled]=\"!canApply\"\r\n          >\r\n            Apply\r\n          </button>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.date-picker-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));font-family:Inter,-apple-system,sans-serif}.date-picker-wrapper .date-label{font-size:calc(1rem / var(--scale));line-height:calc(1.3333333333rem / var(--scale));font-weight:500;color:#6b7280}.date-picker-wrapper .date-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1rem / var(--scale));width:100%;height:calc(2.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.4166666667rem / var(--scale));background:var(--surface-background-canvas);cursor:pointer;min-width:calc(16.6666666667rem / var(--scale));transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.date-picker-wrapper .date-input:hover{border-color:var(--border-interaction-focus)}.date-picker-wrapper .date-input .calendar-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));color:#9ca3af;flex-shrink:0}.date-picker-wrapper .date-input__text{flex:1;font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500;color:var(--text-heading-secondary);background-color:var(--surface-background-canvas)}.date-picker-wrapper .date-input__text.placeholder{color:#9ca3af;font-weight:400}.date-picker-wrapper .date-input .clear-btn{cursor:pointer;padding:calc(.1666666667rem / var(--scale)) calc(.4166666667rem / var(--scale));transition:background .15s}.date-picker-wrapper .date-input .clear-btn:hover{background:#f3f4f6}.date-picker-wrapper .calendar-dropdown{min-width:calc(30.6666666667rem / var(--scale));max-width:calc(60.6666666667rem / var(--scale));min-height:calc(34.5rem / var(--scale));position:absolute;bottom:calc(100% + .0833333333rem / var(--scale));left:0;z-index:1000;background:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) var(--canvas-shadow);overflow:hidden;animation:dropIn .15s ease}.date-picker-wrapper .calendar-dropdown.month-year-view{width:calc(30.8333333333rem / var(--scale));min-height:calc(34.5rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;flex:1;margin:0 calc(7.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper{width:calc(7.3333333333rem / var(--scale));height:calc(1.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .month{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .year{color:var(--text-body-secondary)}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow);background-color:var(--surface-background-canvas);transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn i-feather,.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.4166666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector .year-grid{flex:1;border-top:none;padding-top:0;height:calc(27.25rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid,.date-picker-wrapper .calendar-dropdown .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem / var(--scale));font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(28.3333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month,.date-picker-wrapper .calendar-dropdown .year-grid .year,.date-picker-wrapper .calendar-dropdown .month-grid .month,.date-picker-wrapper .calendar-dropdown .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month:hover,.date-picker-wrapper .calendar-dropdown .year-grid .month.selected,.date-picker-wrapper .calendar-dropdown .year-grid .year:hover,.date-picker-wrapper .calendar-dropdown .year-grid .year.selected,.date-picker-wrapper .calendar-dropdown .month-grid .month:hover,.date-picker-wrapper .calendar-dropdown .month-grid .month.selected,.date-picker-wrapper .calendar-dropdown .month-grid .year:hover,.date-picker-wrapper .calendar-dropdown .month-grid .year.selected{color:var(--text-heading-inverse);background-color:var(--surface-action-default);transition:ease-in-out .2s}.date-picker-wrapper .calendar-dropdown .day_wrapper .dual-calendar{display:grid;grid-template-columns:1fr 1fr;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .day_wrapper .calendar-panel{display:flex;flex-direction:column}.date-picker-wrapper .calendar-dropdown .calendar-footer{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .calendar-footer-wrapper{border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:100%;padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted{background:#f9fafb}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted .footer-value{color:#9ca3af}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper img{cursor:pointer}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;cursor:pointer;color:var(--text-heading-secondary);border-radius:0;transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar{display:flex;flex-direction:row;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar .dual-calendar-border-top{display:flex;flex-direction:column;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions .footer-btn{width:calc(7.5rem / var(--scale));height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer;transition:border-color .15s,background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply{border:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-action-default);color:var(--text-heading-inverse);cursor:pointer;transition:background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:hover:not(:disabled){background:#2563eb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:disabled{background:#bfdbfe}.date-picker-wrapper .calendar-dropdown:has(.dual-calendar):after{content:\"\";position:absolute;top:calc(1.3333333333rem / var(--scale));left:calc(30.3333333333rem / var(--scale));width:calc(.0833333333rem / var(--scale));height:83%;background-color:var(--border-core-default)}button{min-width:unset;height:unset}@keyframes dropIn{0%{opacity:0;transform:translateY(calc(-.5rem / var(--scale)))}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CalendarGridComponent, selector: "custom-calendar-grid", inputs: ["month", "year", "calendarDays", "weekDays", "parent"], outputs: ["daySelected"] }, { kind: "component", type: TimeInputComponent, selector: "cats-time-input", outputs: ["timeChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CustomDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cats-ui-custom-date-picker', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CustomDatePickerComponent),
+                            multi: true,
+                        },
+                    ], standalone: true, imports: [
+                        CommonModule,
+                        CalendarGridComponent,
+                        TimeInputComponent,
+                        FormsModule,
+                    ], template: "<div class=\"date-picker-wrapper\" id=\"custom-date\">\r\n  <!-- Label -->\r\n  @if (label) {\r\n    <label class=\"date-label\">{{ label }}</label>\r\n  }\r\n\r\n  <!-- Input Trigger -->\r\n  @if (showTrigger) {\r\n    <div\r\n      class=\"date-input\"\r\n      [class.is-open]=\"isOpen\"\r\n      [class.has-value]=\"displayValue\"\r\n      (click)=\"toggleCalendar()\"\r\n    >\r\n      <svg\r\n        class=\"calendar-icon\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n      >\r\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\r\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\r\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\r\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\r\n      </svg>\r\n\r\n      <span class=\"date-input__text\" [class.placeholder]=\"!displayValue\">\r\n        {{ displayValue || config.placeholder || \"Select date\" }}\r\n      </span>\r\n\r\n      @if (displayValue) {\r\n        <span class=\"clear-btn\" (click)=\"$event.stopPropagation(); clearDate()\">\r\n          <img src=\"images/x.svg\" alt=\"\" />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Calendar Dropdown -->\r\n  @if (!showTrigger || isOpen) {\r\n    <div\r\n      class=\"calendar-dropdown sp-16 br-8\"\r\n      [ngClass]=\"{ 'month-year-view': calenderView != 'day' }\"\r\n    >\r\n      <div class=\"calendar-header sm-b-12\">\r\n        <div class=\"nav-btn br-4\" (click)=\"prevMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"month-year body-medium\">\r\n          @if (mode === \"dual\") {\r\n            @if (calenderView == \"day\" || activeCalendar != \"secondary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('primary', 'month')\">{{\r\n                  currentMonthName\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('primary', 'year')\">{{\r\n                  currentYear\r\n                }}</span>\r\n              </div>\r\n            }\r\n\r\n            @if (calenderView == \"day\" || activeCalendar != \"primary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('secondary', 'month')\">{{\r\n                  monthNames[currentMonth2]\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('secondary', 'year')\">{{\r\n                  currentYear2\r\n                }}</span>\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"month-year-wrapper\">\r\n              <span class=\"month\" (click)=\"calenderView = 'month'\">{{\r\n                currentMonthName\r\n              }}</span>\r\n              <span class=\"year\" (click)=\"calenderView = 'year'\">{{\r\n                currentYear\r\n              }}</span>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"nav-btn br-4\" (click)=\"nextMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n\r\n      @if (calenderView == \"month\") {\r\n        <div class=\"month-grid\">\r\n          @for (month of monthNames; track month) {\r\n            <span\r\n              class=\"month\"\r\n              (click)=\"selectMonth(month)\"\r\n              [ngClass]=\"{ selected: month == activeMonthName }\"\r\n              >{{ month }}</span\r\n            >\r\n          }\r\n        </div>\r\n      } @else if (calenderView == \"year\") {\r\n        <div class=\"year-selector\">\r\n          <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n            <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n          </span>\r\n          <div class=\"year-grid\">\r\n            @for (year of yearRange; track year) {\r\n              <span\r\n                class=\"year\"\r\n                (click)=\"selectYear(year)\"\r\n                [ngClass]=\"{ selected: year == activeYearValue }\"\r\n                >{{ year }}</span\r\n              >\r\n            }\r\n          </div>\r\n          <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n            <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n          </span>\r\n        </div>\r\n      } @else {\r\n        <!-- Weekday Headers -->\r\n        <div class=\"day_wrapper\">\r\n          @if (mode === \"dual\") {\r\n            <div class=\"dual-calendar\">\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth\"\r\n                  [year]=\"currentYear\"\r\n                  [calendarDays]=\"calendarDays\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'primary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth2\"\r\n                  [year]=\"currentYear2\"\r\n                  [calendarDays]=\"calendarDays2\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'secondary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <custom-calendar-grid\r\n              [month]=\"currentMonth\"\r\n              [year]=\"currentYear\"\r\n              [calendarDays]=\"calendarDays\"\r\n              [weekDays]=\"weekDays\"\r\n              [parent]=\"this\"\r\n              (daySelected)=\"onDaySelected($event, 'primary')\"\r\n            ></custom-calendar-grid>\r\n          }\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          class=\"calendar-footer sm-b-16\"\r\n          [ngClass]=\"{ 'dual-calendar': config.mode === 'dual' }\"\r\n        >\r\n          <!-- SINGLE MODE footer -->\r\n          @if (mode === \"single\" && showDateLabel) {\r\n            <div class=\"calendar-footer-wrapper\">\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">Date</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempDisplayValue\r\n                  }}</span>\r\n                  <img (click)=\"cancelDate('single')\"src=\"images/x-cancel-btn.svg\" alt=\"\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            @if (time) {\r\n              <cats-time-input\r\n              [(ngModel)]=\"singleTimeInSeconds\"\r\n                (timeChange)=\"onSingleTimeChange($event)\"\r\n              ></cats-time-input>\r\n           \r\n            }\r\n          }\r\n\r\n          <!-- RANGE MODE footer -->\r\n          @if (mode === \"range\" || mode === \"dual\") {\r\n            <div\r\n              class=\"calendar-footer-wrapper\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">From</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempFromDisplay\r\n                  }}</span>\r\n                  <img (click)=\"cancelDate('from')\" src=\"images/x-cancel-btn.svg\" alt=\"\" />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                 [(ngModel)]=\"fromTimeInSeconds\"\r\n                  (timeChange)=\"onFromTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n            <div\r\n              class=\"dual-calendar-border-top\"\r\n              [ngClass]=\"{ 'calendar-footer-wrapper': time, 'sp-t-12': time }\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\" [class.muted]=\"!tempTo\">\r\n                <span class=\"footer-label body-large sp-x-12\">To</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempToDisplay\r\n                  }}</span>\r\n                  <img (click)=\"cancelDate('to')\" src=\"images/x-cancel-btn.svg\" alt=\"\" />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"toTimeInSeconds\"\r\n                  (timeChange)=\"onToTimeChange($event)\"\r\n                ></cats-time-input>\r\n              \r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n        <!-- Action Buttons -->\r\n        <div class=\"footer-actions\">\r\n          <button\r\n            class=\"btn-cancel footer-btn body-medium\"\r\n            (click)=\"onCancel()\"\r\n            type=\"button\"\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn-apply footer-btn body-medium\"\r\n            (click)=\"onApply()\"\r\n            type=\"button\"\r\n            [disabled]=\"!canApply\"\r\n          >\r\n            Apply\r\n          </button>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.date-picker-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));font-family:Inter,-apple-system,sans-serif}.date-picker-wrapper .date-label{font-size:calc(1rem / var(--scale));line-height:calc(1.3333333333rem / var(--scale));font-weight:500;color:#6b7280}.date-picker-wrapper .date-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1rem / var(--scale));width:100%;height:calc(2.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.4166666667rem / var(--scale));background:var(--surface-background-canvas);cursor:pointer;min-width:calc(16.6666666667rem / var(--scale));transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.date-picker-wrapper .date-input:hover{border-color:var(--border-interaction-focus)}.date-picker-wrapper .date-input .calendar-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));color:#9ca3af;flex-shrink:0}.date-picker-wrapper .date-input__text{flex:1;font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500;color:var(--text-heading-secondary);background-color:var(--surface-background-canvas)}.date-picker-wrapper .date-input__text.placeholder{color:#9ca3af;font-weight:400}.date-picker-wrapper .date-input .clear-btn{cursor:pointer;padding:calc(.1666666667rem / var(--scale)) calc(.4166666667rem / var(--scale));transition:background .15s}.date-picker-wrapper .date-input .clear-btn:hover{background:#f3f4f6}.date-picker-wrapper .calendar-dropdown{min-width:calc(30.6666666667rem / var(--scale));max-width:calc(60.6666666667rem / var(--scale));min-height:calc(34.5rem / var(--scale));position:absolute;bottom:calc(100% + .0833333333rem / var(--scale));left:0;z-index:1000;background:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) var(--canvas-shadow);overflow:hidden;animation:dropIn .15s ease}.date-picker-wrapper .calendar-dropdown.month-year-view{width:calc(30.8333333333rem / var(--scale));min-height:calc(34.5rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;flex:1;margin:0 calc(7.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper{width:calc(7.3333333333rem / var(--scale));height:calc(1.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .month{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .year{color:var(--text-body-secondary)}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow);background-color:var(--surface-background-canvas);transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn i-feather,.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.4166666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector .year-grid{flex:1;border-top:none;padding-top:0;height:calc(27.25rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid,.date-picker-wrapper .calendar-dropdown .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem / var(--scale));font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(28.3333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month,.date-picker-wrapper .calendar-dropdown .year-grid .year,.date-picker-wrapper .calendar-dropdown .month-grid .month,.date-picker-wrapper .calendar-dropdown .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month:hover,.date-picker-wrapper .calendar-dropdown .year-grid .month.selected,.date-picker-wrapper .calendar-dropdown .year-grid .year:hover,.date-picker-wrapper .calendar-dropdown .year-grid .year.selected,.date-picker-wrapper .calendar-dropdown .month-grid .month:hover,.date-picker-wrapper .calendar-dropdown .month-grid .month.selected,.date-picker-wrapper .calendar-dropdown .month-grid .year:hover,.date-picker-wrapper .calendar-dropdown .month-grid .year.selected{color:var(--text-heading-inverse);background-color:var(--surface-action-default);transition:ease-in-out .2s}.date-picker-wrapper .calendar-dropdown .day_wrapper .dual-calendar{display:grid;grid-template-columns:1fr 1fr;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .day_wrapper .calendar-panel{display:flex;flex-direction:column}.date-picker-wrapper .calendar-dropdown .calendar-footer{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .calendar-footer-wrapper{border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:100%;padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted{background:#f9fafb}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted .footer-value{color:#9ca3af}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper img{cursor:pointer}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;cursor:pointer;color:var(--text-heading-secondary);border-radius:0;transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar{display:flex;flex-direction:row;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar .dual-calendar-border-top{display:flex;flex-direction:column;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions .footer-btn{width:calc(7.5rem / var(--scale));height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer;transition:border-color .15s,background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply{border:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-action-default);color:var(--text-heading-inverse);cursor:pointer;transition:background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:hover:not(:disabled){background:#2563eb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:disabled{background:#bfdbfe}.date-picker-wrapper .calendar-dropdown:has(.dual-calendar):after{content:\"\";position:absolute;top:calc(1.3333333333rem / var(--scale));left:calc(30.3333333333rem / var(--scale));width:calc(.0833333333rem / var(--scale));height:83%;background-color:var(--border-core-default)}button{min-width:unset;height:unset}@keyframes dropIn{0%{opacity:0;transform:translateY(calc(-.5rem / var(--scale)))}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { config: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], showTrigger: [{
+                type: Input
+            }], applied: [{
+                type: Output
+            }], cancelled: [{
+                type: Output
+            }], rangeSelected: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 class CatsUiTooltipDirective {
     el;
     renderer;
@@ -2400,11 +3467,11 @@ class AccordionComponent {
         return this.openedIndex === index;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccordionComponent, isStandalone: true, selector: "cats-ui-accordion", ngImport: i0, template: "<div class=\"accordion\">\r\n  <ng-content></ng-content> <!-- Will contain AccordionItem components -->\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccordionComponent, isStandalone: true, selector: "cats-ui-accordion", ngImport: i0, template: "<div class=\"accordion\">\r\n  <ng-content></ng-content> <!-- Will contain AccordionItem components -->\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cats-ui-accordion', imports: [], template: "<div class=\"accordion\">\r\n  <ng-content></ng-content> <!-- Will contain AccordionItem components -->\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] }]
+            args: [{ selector: 'cats-ui-accordion', imports: [], template: "<div class=\"accordion\">\r\n  <ng-content></ng-content> <!-- Will contain AccordionItem components -->\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] }]
         }] });
 
 class AccordionItemComponent {
@@ -2441,11 +3508,11 @@ class AccordionItemComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccordionItemComponent, deps: [{ token: AccordionComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccordionItemComponent, isStandalone: true, selector: "cats-ui-accordion-item", inputs: { title: "title", index: "index" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"accordion-item\">\r\n  <div class=\"accordion-header\" (click)=\"toggle()\">\r\n    <h3>{{ title }}</h3>\r\n    <img\r\n      [src]=\"isOpen() ? 'images/chevron-up.svg' : 'images/chevron-down.svg'\"\r\n      alt=\"\"\r\n    />\r\n  </div>\r\n\r\n  <div class=\"accordion-body\" [class.open]=\"isOpen()\">\r\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion-item{border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.accordion-item:has(.open) .accordion-header{border-radius:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 0}.accordion-item .accordion-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;background-color:var(--neutral-50);padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));cursor:pointer;border-radius:calc(.6666666667rem / var(--scale))}.accordion-item .accordion-header h3{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.accordion-item .accordion-header img{max-width:calc(2rem / var(--scale))}.accordion-item .accordion-body{max-height:0;padding:0 calc(.6666666667rem / var(--scale));overflow:hidden;background:var(--white);transition:max-height .4s ease,padding .3s}.accordion-item .accordion-body.open{max-height:calc(41.6666666667rem / var(--scale));padding:calc(1.25rem / var(--scale)) calc(.8333333333rem / var(--scale));border-radius:0 0 calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccordionItemComponent, isStandalone: true, selector: "cats-ui-accordion-item", inputs: { title: "title", index: "index" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"accordion-item\">\r\n  <div class=\"accordion-header\" (click)=\"toggle()\">\r\n    <div class=\"title\">{{ title }}</div>\r\n    <img\r\n      class=\"arrow_icon\"\r\n      [src]=\"isOpen() ? 'images/chevron-up.svg' : 'images/chevron-down.svg'\"\r\n      alt=\"\"\r\n    />\r\n  </div>\r\n\r\n  <!-- <div class=\"accordion-body\" [class.open]=\"isOpen()\">\r\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n  </div> -->\r\n\r\n  <div class=\"accordion-body\" [class.open]=\"isOpen()\">\r\n    <div class=\"inner\">\r\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion-item{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.accordion-item:has(.open) .accordion-header{border-radius:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 0}.accordion-item .accordion-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;background-color:var(--neutral-50);padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));cursor:pointer;border-radius:calc(.6666666667rem / var(--scale))}.accordion-item .accordion-header .title{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.accordion-item .accordion-header .arrow_icon{max-width:calc(2rem / var(--scale))}.accordion-item .accordion-body{padding:0 calc(.6666666667rem / var(--scale));overflow:hidden;background:var(--white);display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,padding .4s;border-bottom-left-radius:calc(.6666666667rem / var(--scale));border-bottom-right-radius:calc(.6666666667rem / var(--scale))}.accordion-item .accordion-body.open{padding:calc(1.25rem / var(--scale)) calc(.6666666667rem / var(--scale));grid-template-rows:1fr;border-radius:0 0 calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale))}.inner{overflow:hidden;padding:0;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cats-ui-accordion-item', imports: [CommonModule], template: "<div class=\"accordion-item\">\r\n  <div class=\"accordion-header\" (click)=\"toggle()\">\r\n    <h3>{{ title }}</h3>\r\n    <img\r\n      [src]=\"isOpen() ? 'images/chevron-up.svg' : 'images/chevron-down.svg'\"\r\n      alt=\"\"\r\n    />\r\n  </div>\r\n\r\n  <div class=\"accordion-body\" [class.open]=\"isOpen()\">\r\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion-item{border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300);border-radius:calc(.6666666667rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.accordion-item:has(.open) .accordion-header{border-radius:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 0}.accordion-item .accordion-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;background-color:var(--neutral-50);padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));cursor:pointer;border-radius:calc(.6666666667rem / var(--scale))}.accordion-item .accordion-header h3{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.accordion-item .accordion-header img{max-width:calc(2rem / var(--scale))}.accordion-item .accordion-body{max-height:0;padding:0 calc(.6666666667rem / var(--scale));overflow:hidden;background:var(--white);transition:max-height .4s ease,padding .3s}.accordion-item .accordion-body.open{max-height:calc(41.6666666667rem / var(--scale));padding:calc(1.25rem / var(--scale)) calc(.8333333333rem / var(--scale));border-radius:0 0 calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale))}\n"] }]
+            args: [{ selector: 'cats-ui-accordion-item', imports: [CommonModule], template: "<div class=\"accordion-item\">\r\n  <div class=\"accordion-header\" (click)=\"toggle()\">\r\n    <div class=\"title\">{{ title }}</div>\r\n    <img\r\n      class=\"arrow_icon\"\r\n      [src]=\"isOpen() ? 'images/chevron-up.svg' : 'images/chevron-down.svg'\"\r\n      alt=\"\"\r\n    />\r\n  </div>\r\n\r\n  <!-- <div class=\"accordion-body\" [class.open]=\"isOpen()\">\r\n    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n  </div> -->\r\n\r\n  <div class=\"accordion-body\" [class.open]=\"isOpen()\">\r\n    <div class=\"inner\">\r\n      <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion-item{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.accordion-item:has(.open) .accordion-header{border-radius:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0 0}.accordion-item .accordion-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;background-color:var(--neutral-50);padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));cursor:pointer;border-radius:calc(.6666666667rem / var(--scale))}.accordion-item .accordion-header .title{font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.accordion-item .accordion-header .arrow_icon{max-width:calc(2rem / var(--scale))}.accordion-item .accordion-body{padding:0 calc(.6666666667rem / var(--scale));overflow:hidden;background:var(--white);display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,padding .4s;border-bottom-left-radius:calc(.6666666667rem / var(--scale));border-bottom-right-radius:calc(.6666666667rem / var(--scale))}.accordion-item .accordion-body.open{padding:calc(1.25rem / var(--scale)) calc(.6666666667rem / var(--scale));grid-template-rows:1fr;border-radius:0 0 calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale))}.inner{overflow:hidden;padding:0;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: AccordionComponent, decorators: [{
                     type: Inject,
                     args: [AccordionComponent]
@@ -2524,11 +3591,11 @@ class TabComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TabComponent, isStandalone: true, selector: "cats-ui-tab", inputs: { activeTab: "activeTab", disabledTabs: "disabledTabs" }, outputs: { selectTab: "selectTab" }, queries: [{ propertyName: "items", predicate: TabItemComponent }], ngImport: i0, template: "<ul class=\"tab-header\">\r\n  @for (item of items; track $index) {\r\n  <ng-container>\r\n    <li\r\n      class=\"tab-item\"\r\n      [class.active]=\"activeTab === $index\"\r\n      [class.disabled]=\"disabledTabs.includes($index)\"\r\n      (click)=\"setActive($index)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"item.heading.template\"></ng-container>\r\n    </li>\r\n  </ng-container>\r\n\r\n  }\r\n</ul>\r\n\r\n<div class=\"tab-content\">\r\n  @for (item of items; track $index) {\r\n  <ng-container>\r\n    @if (activeTab === $index) {\r\n    <ng-container *ngTemplateOutlet=\"item.content.template\"></ng-container>\r\n    }\r\n  </ng-container>\r\n  }\r\n</div>\r\n", styles: [".tab-header{display:flex;border-bottom:1px solid #ccc;gap:8px}.tab-item{padding:8px 12px;cursor:pointer;border-radius:6px 6px 0 0}.tab-item.active{background:#1976d2;color:#fff}.tab-item.disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TabComponent, isStandalone: true, selector: "cats-ui-tab", inputs: { activeTab: "activeTab", disabledTabs: "disabledTabs" }, outputs: { selectTab: "selectTab" }, queries: [{ propertyName: "items", predicate: TabItemComponent }], ngImport: i0, template: "<div class=\"tab_container\">\r\n  <ul class=\"tab_header\">\r\n    @for (item of items; track $index) {\r\n      <ng-container>\r\n        <li\r\n          class=\"tab_item sp-x-12\"\r\n          [class.active]=\"activeTab === $index\"\r\n          [class.disabled]=\"disabledTabs.includes($index)\"\r\n          (click)=\"setActive($index)\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"item.heading.template\"\r\n          ></ng-container>\r\n        </li>\r\n      </ng-container>\r\n    }\r\n  </ul>\r\n\r\n  <div class=\"tab_content\">\r\n    @for (item of items; track $index) {\r\n      <ng-container>\r\n        @if (activeTab === $index) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"item.content.template\"\r\n          ></ng-container>\r\n        }\r\n      </ng-container>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.tab_container.stroke_tab .tab_header{padding:0;border-radius:0;background-color:unset}.tab_container.stroke_tab .tab_header .tab_item{border-radius:0;border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);height:calc(3.3333333333rem / var(--scale))}.tab_container.stroke_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus)}.tab_container.stroke_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container.ipro_tab .tab_header{padding:0;border-radius:0}.tab_container.ipro_tab .tab_header .tab_item{border-radius:0;min-width:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-left:0;border-top:0;gap:calc(1rem / var(--scale));height:calc(3.3333333333rem / var(--scale))}.tab_container.ipro_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border-bottom:calc(.0833333333rem / var(--scale)) solid transparent;border-left:0}.tab_container.ipro_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container .tab_header{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;min-height:calc(3.3333333333rem / var(--scale));padding:calc(.3333333333rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-default)}.tab_container .tab_header .tab_item{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));height:calc(2.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid transparent;cursor:pointer;position:relative;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary)}.tab_container .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);cursor:default;color:var(--text-heading-primary)}.tab_container .tab_header .tab_item.disabled{pointer-events:none;color:var(--text-body-muted)}.tab_container .tab_content{padding:calc(.6666666667rem / var(--scale))}.leading_icon,.close_icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cats-ui-tab', imports: [CommonModule], template: "<ul class=\"tab-header\">\r\n  @for (item of items; track $index) {\r\n  <ng-container>\r\n    <li\r\n      class=\"tab-item\"\r\n      [class.active]=\"activeTab === $index\"\r\n      [class.disabled]=\"disabledTabs.includes($index)\"\r\n      (click)=\"setActive($index)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"item.heading.template\"></ng-container>\r\n    </li>\r\n  </ng-container>\r\n\r\n  }\r\n</ul>\r\n\r\n<div class=\"tab-content\">\r\n  @for (item of items; track $index) {\r\n  <ng-container>\r\n    @if (activeTab === $index) {\r\n    <ng-container *ngTemplateOutlet=\"item.content.template\"></ng-container>\r\n    }\r\n  </ng-container>\r\n  }\r\n</div>\r\n", styles: [".tab-header{display:flex;border-bottom:1px solid #ccc;gap:8px}.tab-item{padding:8px 12px;cursor:pointer;border-radius:6px 6px 0 0}.tab-item.active{background:#1976d2;color:#fff}.tab-item.disabled{opacity:.5;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'cats-ui-tab', imports: [CommonModule], template: "<div class=\"tab_container\">\r\n  <ul class=\"tab_header\">\r\n    @for (item of items; track $index) {\r\n      <ng-container>\r\n        <li\r\n          class=\"tab_item sp-x-12\"\r\n          [class.active]=\"activeTab === $index\"\r\n          [class.disabled]=\"disabledTabs.includes($index)\"\r\n          (click)=\"setActive($index)\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"item.heading.template\"\r\n          ></ng-container>\r\n        </li>\r\n      </ng-container>\r\n    }\r\n  </ul>\r\n\r\n  <div class=\"tab_content\">\r\n    @for (item of items; track $index) {\r\n      <ng-container>\r\n        @if (activeTab === $index) {\r\n          <ng-container\r\n            *ngTemplateOutlet=\"item.content.template\"\r\n          ></ng-container>\r\n        }\r\n      </ng-container>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.tab_container.stroke_tab .tab_header{padding:0;border-radius:0;background-color:unset}.tab_container.stroke_tab .tab_header .tab_item{border-radius:0;border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);height:calc(3.3333333333rem / var(--scale))}.tab_container.stroke_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus)}.tab_container.stroke_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container.ipro_tab .tab_header{padding:0;border-radius:0}.tab_container.ipro_tab .tab_header .tab_item{border-radius:0;min-width:calc(4.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-left:0;border-top:0;gap:calc(1rem / var(--scale));height:calc(3.3333333333rem / var(--scale))}.tab_container.ipro_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border-bottom:calc(.0833333333rem / var(--scale)) solid transparent;border-left:0}.tab_container.ipro_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container .tab_header{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;min-height:calc(3.3333333333rem / var(--scale));padding:calc(.3333333333rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-default)}.tab_container .tab_header .tab_item{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));height:calc(2.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid transparent;cursor:pointer;position:relative;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary)}.tab_container .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);cursor:default;color:var(--text-heading-primary)}.tab_container .tab_header .tab_item.disabled{pointer-events:none;color:var(--text-body-muted)}.tab_container .tab_content{padding:calc(.6666666667rem / var(--scale))}.leading_icon,.close_icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}\n"] }]
         }], propDecorators: { activeTab: [{
                 type: Input
             }], disabledTabs: [{
@@ -2540,6 +3607,276 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                 args: [TabItemComponent]
             }] } });
 
+class TabContentComponent {
+    active = false;
+    tabId;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TabContentComponent, isStandalone: true, selector: "cats-ui-tab-content", inputs: { active: "active", tabId: "tabId" }, ngImport: i0, template: " @if (active) {\r\n\r\n     <ng-container >\r\n          <ng-content></ng-content>\r\n        </ng-container>\r\n }", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TabContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cats-ui-tab-content', imports: [], template: " @if (active) {\r\n\r\n     <ng-container >\r\n          <ng-content></ng-content>\r\n        </ng-container>\r\n }" }]
+        }], propDecorators: { active: [{
+                type: Input
+            }], tabId: [{
+                type: Input
+            }] } });
+
+class TabsetComponent {
+    tabs = [];
+    activeTab;
+    activeTabChange = new EventEmitter();
+    tabConfig = {};
+    tabAdded = new EventEmitter();
+    tabClosed = new EventEmitter();
+    contents;
+    counter = 1;
+    ngAfterContentInit() {
+        if (this.tabs.length) {
+            this.activeTab = this.tabs[0].id;
+            this.counter = this.tabs.length + 1;
+            this.updateContentActivation();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['tabs'] || changes['tabConfig']) {
+            this.addHomeTabIfNeeded();
+        }
+    }
+    addHomeTabIfNeeded() {
+        if (!this.tabConfig?.homeTab)
+            return;
+        const alreadyExists = this.tabs?.some((t) => t.isHome);
+        if (!alreadyExists) {
+            const homeTab = {
+                id: 0,
+                title: '',
+                closable: false,
+                isHome: true,
+            };
+            this.tabs = [homeTab, ...(this.tabs || [])];
+        }
+    }
+    setActive(id) {
+        this.activeTab = id;
+        this.activeTabChange.emit(id);
+        this.updateContentActivation();
+    }
+    closeTab(event, id, index) {
+        event.stopPropagation();
+        if (!this.tabConfig.closeTab)
+            return;
+        this.tabs.splice(index, 1);
+        if (this.activeTab === id) {
+            this.activeTab = this.tabs.length ? this.tabs[0].id : null;
+            this.activeTabChange.emit(this.activeTab);
+        }
+        this.updateContentActivation();
+        this.tabClosed.emit(id);
+    }
+    addTab(event) {
+        event.stopPropagation();
+        if (!this.tabConfig.addTab)
+            return;
+        this.tabAdded.emit(); // 🔥 parent decides what to add
+    }
+    updateContentActivation() {
+        if (!this.contents)
+            return;
+        this.contents.forEach((content) => {
+            content.active = content.tabId === this.activeTab;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TabsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TabsetComponent, isStandalone: true, selector: "cats-ui-tabset", inputs: { tabs: "tabs", activeTab: "activeTab", tabConfig: "tabConfig" }, outputs: { activeTabChange: "activeTabChange", tabAdded: "tabAdded", tabClosed: "tabClosed" }, queries: [{ propertyName: "contents", predicate: TabContentComponent }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"tab_container\"\r\n  [ngClass]=\"{\r\n    stroke_tab: tabConfig.type === 'Stroke',\r\n    ipro_tab: tabConfig.type === 'File',\r\n  }\"\r\n>\r\n  <ul class=\"tab_header\">\r\n    @for (t of tabs; track t.id; let i = $index) {\r\n      <li\r\n        class=\"tab_item sp-x-12\"\r\n        [class.active]=\"t.id === activeTab\"\r\n        [class.disabled]=\"t.isDisable\"\r\n        (click)=\"setActive(t.id)\"\r\n      >\r\n        <!-- Home Icon -->\r\n        @if (t.isHome) {\r\n          <img src=\"images/home.svg\" class=\"home_icon\" />\r\n        }\r\n        <!-- <ng-container ></ng-container> -->\r\n        @else {\r\n          <div class=\"tab_item_container\">\r\n            <!-- leadingIcon -->\r\n            @if (t.leadingIcon) {\r\n              <img [src]=\"t.leadingIcon\" class=\"leading_icon\" />\r\n            }\r\n\r\n            <!-- Title -->\r\n            <span class=\"title\">{{ t.title }}</span>\r\n            <!-- tralingIocn -->\r\n            @if (t.tralingIocn) {\r\n              <img [src]=\"t.tralingIocn\" class=\"trailng_icon\" />\r\n            }\r\n            <!-- tab_count -->\r\n            @if (t.count) {\r\n              <span class=\"tab_count\">{{ t.count }}</span>\r\n            }\r\n          </div>\r\n        }\r\n        <!-- Close (NOT for first tab) -->\r\n        @if (tabConfig.closeTab && i !== 0) {\r\n          <img\r\n            class=\"close_icon pointer\"\r\n            (click)=\"closeTab($event, t.id, i)\"\r\n            src=\"images/x.svg\"\r\n            alt=\"\"\r\n          />\r\n        }\r\n      </li>\r\n    }\r\n\r\n    <!-- Add Button -->\r\n    @if (tabConfig.addTab) {\r\n      <li class=\"add_more_tab tab_item sp-x-12\" (click)=\"addTab($event)\">\r\n        <img src=\"images/plus.svg\" alt=\"\" />\r\n      </li>\r\n    }\r\n  </ul>\r\n  <div class=\"tab_content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.tab_container.stroke_tab .tab_header{padding:0;border-radius:0;background-color:unset}.tab_container.stroke_tab .tab_header .tab_item{border-radius:0;border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);height:calc(3.3333333333rem / var(--scale))}.tab_container.stroke_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus)}.tab_container.stroke_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container.ipro_tab.large .tab_header{min-height:calc(4.6666666667rem / var(--scale))}.tab_container.ipro_tab.large .tab_header .tab_item{height:calc(4.6666666667rem / var(--scale))}.tab_container.ipro_tab .tab_header{padding:0;border-radius:0}.tab_container.ipro_tab .tab_header .tab_item{border-radius:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-left:0;border-top:0;gap:calc(1rem / var(--scale));height:calc(3.3333333333rem / var(--scale))}.tab_container.ipro_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border-bottom:calc(.0833333333rem / var(--scale)) solid transparent;border-left:0}.tab_container.ipro_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container .tab_header{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;min-height:calc(3.3333333333rem / var(--scale));padding:calc(.3333333333rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-default);overflow:auto}.tab_container .tab_header .tab_item{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));height:calc(2.6666666667rem / var(--scale));min-width:calc(4.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid transparent;cursor:pointer;position:relative;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-secondary);flex:0 0 auto}.tab_container .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);cursor:default;color:var(--text-heading-primary)}.tab_container .tab_header .tab_item.active .leading_icon,.tab_container .tab_header .tab_item.active .trailng_icon,.tab_container .tab_header .tab_item.active .close_icon,.tab_container .tab_header .tab_item.active .home_icon{opacity:1}.tab_container .tab_header .tab_item.disabled{pointer-events:none;color:var(--text-body-muted)}.tab_container .tab_header .tab_item.disabled .close_icon,.tab_container .tab_header .tab_item.disabled .leading_icon,.tab_container .tab_header .tab_item.disabled .trailng_icon,.tab_container .tab_header .tab_item.disabled .home_icon{opacity:.2}.tab_container .tab_header .tab_item.disabled .tab_item_container .tab_count{color:var(--text-body-muted);border-color:var(--border-core-muted)}.tab_container .tab_header .tab_item .tab_item_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.tab_container .tab_header .tab_item .tab_item_container .title{white-space:nowrap}.tab_container .tab_header .tab_item .tab_item_container .tab_count{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));padding:0 calc(.5833333333rem / var(--scale));font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;color:var(--text-heading-secondary);background-color:var(--surface-background-default);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(1.6666666667rem / var(--scale))}.tab_container .tab_header .leading_icon,.tab_container .tab_header .trailng_icon,.tab_container .tab_header .close_icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));opacity:.8}.tab_container .tab_header .home_icon,.tab_container .tab_header .add_more_tab img{min-width:calc(1.6666666667rem / var(--scale));width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.8}.tab_container .tab_content{padding:calc(.6666666667rem / var(--scale))}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TabsetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cats-ui-tabset', imports: [NgClass], template: "<div\r\n  class=\"tab_container\"\r\n  [ngClass]=\"{\r\n    stroke_tab: tabConfig.type === 'Stroke',\r\n    ipro_tab: tabConfig.type === 'File',\r\n  }\"\r\n>\r\n  <ul class=\"tab_header\">\r\n    @for (t of tabs; track t.id; let i = $index) {\r\n      <li\r\n        class=\"tab_item sp-x-12\"\r\n        [class.active]=\"t.id === activeTab\"\r\n        [class.disabled]=\"t.isDisable\"\r\n        (click)=\"setActive(t.id)\"\r\n      >\r\n        <!-- Home Icon -->\r\n        @if (t.isHome) {\r\n          <img src=\"images/home.svg\" class=\"home_icon\" />\r\n        }\r\n        <!-- <ng-container ></ng-container> -->\r\n        @else {\r\n          <div class=\"tab_item_container\">\r\n            <!-- leadingIcon -->\r\n            @if (t.leadingIcon) {\r\n              <img [src]=\"t.leadingIcon\" class=\"leading_icon\" />\r\n            }\r\n\r\n            <!-- Title -->\r\n            <span class=\"title\">{{ t.title }}</span>\r\n            <!-- tralingIocn -->\r\n            @if (t.tralingIocn) {\r\n              <img [src]=\"t.tralingIocn\" class=\"trailng_icon\" />\r\n            }\r\n            <!-- tab_count -->\r\n            @if (t.count) {\r\n              <span class=\"tab_count\">{{ t.count }}</span>\r\n            }\r\n          </div>\r\n        }\r\n        <!-- Close (NOT for first tab) -->\r\n        @if (tabConfig.closeTab && i !== 0) {\r\n          <img\r\n            class=\"close_icon pointer\"\r\n            (click)=\"closeTab($event, t.id, i)\"\r\n            src=\"images/x.svg\"\r\n            alt=\"\"\r\n          />\r\n        }\r\n      </li>\r\n    }\r\n\r\n    <!-- Add Button -->\r\n    @if (tabConfig.addTab) {\r\n      <li class=\"add_more_tab tab_item sp-x-12\" (click)=\"addTab($event)\">\r\n        <img src=\"images/plus.svg\" alt=\"\" />\r\n      </li>\r\n    }\r\n  </ul>\r\n  <div class=\"tab_content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button:focus-visible{outline:none;border:0}button i-feather.icon{display:flex}button.primary_btn{background-color:var(--blue-600);color:var(--white)}button.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.disable{pointer-events:none;opacity:.6}button.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.tab_container.stroke_tab .tab_header{padding:0;border-radius:0;background-color:unset}.tab_container.stroke_tab .tab_header .tab_item{border-radius:0;border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);height:calc(3.3333333333rem / var(--scale))}.tab_container.stroke_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:0;border-bottom:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus)}.tab_container.stroke_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container.ipro_tab.large .tab_header{min-height:calc(4.6666666667rem / var(--scale))}.tab_container.ipro_tab.large .tab_header .tab_item{height:calc(4.6666666667rem / var(--scale))}.tab_container.ipro_tab .tab_header{padding:0;border-radius:0}.tab_container.ipro_tab .tab_header .tab_item{border-radius:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-left:0;border-top:0;gap:calc(1rem / var(--scale));height:calc(3.3333333333rem / var(--scale))}.tab_container.ipro_tab .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border-bottom:calc(.0833333333rem / var(--scale)) solid transparent;border-left:0}.tab_container.ipro_tab .tab_header .tab_item.disabled{border-bottom-color:var(--border-core-muted)}.tab_container .tab_header{display:flex;flex-direction:row;justify-content:start;align-items:center;flex-wrap:nowrap;gap:0;min-height:calc(3.3333333333rem / var(--scale));padding:calc(.3333333333rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-default);overflow:auto}.tab_container .tab_header .tab_item{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));height:calc(2.6666666667rem / var(--scale));min-width:calc(4.6666666667rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid transparent;cursor:pointer;position:relative;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-secondary);flex:0 0 auto}.tab_container .tab_header .tab_item.active{background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);cursor:default;color:var(--text-heading-primary)}.tab_container .tab_header .tab_item.active .leading_icon,.tab_container .tab_header .tab_item.active .trailng_icon,.tab_container .tab_header .tab_item.active .close_icon,.tab_container .tab_header .tab_item.active .home_icon{opacity:1}.tab_container .tab_header .tab_item.disabled{pointer-events:none;color:var(--text-body-muted)}.tab_container .tab_header .tab_item.disabled .close_icon,.tab_container .tab_header .tab_item.disabled .leading_icon,.tab_container .tab_header .tab_item.disabled .trailng_icon,.tab_container .tab_header .tab_item.disabled .home_icon{opacity:.2}.tab_container .tab_header .tab_item.disabled .tab_item_container .tab_count{color:var(--text-body-muted);border-color:var(--border-core-muted)}.tab_container .tab_header .tab_item .tab_item_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.tab_container .tab_header .tab_item .tab_item_container .title{white-space:nowrap}.tab_container .tab_header .tab_item .tab_item_container .tab_count{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;height:calc(2rem / var(--scale));min-width:calc(2rem / var(--scale));padding:0 calc(.5833333333rem / var(--scale));font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;color:var(--text-heading-secondary);background-color:var(--surface-background-default);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(1.6666666667rem / var(--scale))}.tab_container .tab_header .leading_icon,.tab_container .tab_header .trailng_icon,.tab_container .tab_header .close_icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));opacity:.8}.tab_container .tab_header .home_icon,.tab_container .tab_header .add_more_tab img{min-width:calc(1.6666666667rem / var(--scale));width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));opacity:.8}.tab_container .tab_content{padding:calc(.6666666667rem / var(--scale))}\n"] }]
+        }], propDecorators: { tabs: [{
+                type: Input
+            }], activeTab: [{
+                type: Input
+            }], activeTabChange: [{
+                type: Output
+            }], tabConfig: [{
+                type: Input
+            }], tabAdded: [{
+                type: Output
+            }], tabClosed: [{
+                type: Output
+            }], contents: [{
+                type: ContentChildren,
+                args: [TabContentComponent]
+            }] } });
+
+class TimestampFilterComponent {
+    config;
+    selectionChange = new EventEmitter(); // ✅ typed
+    selectedValue = null;
+    activePicker = null;
+    lastValue = 24;
+    lastUnit = 'Hours';
+    /* ===================== INIT ===================== */
+    ngOnInit() {
+        if (!this.config?.options?.length)
+            return;
+        const defaultOption = this.config.options.find((o) => o.default);
+        if (defaultOption) {
+            this.selectOption(defaultOption);
+        }
+    }
+    getPickerConfig(option) {
+        //  Default mode = dual
+        const mode = option.pickerMode || 'dual';
+        //  Auto-detect time (no need to pass from config)
+        const isTimeType = option.value.toLowerCase().includes('time');
+        return {
+            mode,
+            //  Only add time if needed
+            ...(isTimeType && { time: true, }),
+            //  DO NOT pass parentDateFormat unless needed
+        };
+    }
+    /* ===================== MAIN HANDLER ===================== */
+    selectOption(option) {
+        if (!option)
+            return;
+        this.selectedValue = option.value;
+        const now = new Date();
+        let start;
+        const end = new Date();
+        // ✅ HANDLE CUSTOM PICKERS FIRST (IMPORTANT)
+        if (option.custom && option.type === 'submenu') {
+            this.activePicker = option;
+            return this.emit({
+                type: option.pickerMode === 'range' || option.pickerMode === 'dual'
+                    ? 'customRange'
+                    : 'customDate',
+                label: option.label,
+            });
+        }
+        switch (option.value) {
+            case 'live':
+                this.activePicker = null;
+                return this.emit({
+                    type: 'live',
+                    label: option.label,
+                    key: 'live',
+                });
+            case 'today':
+                start = this.startOfDay(now);
+                break;
+            case 'week':
+                start = this.startOfWeek(now);
+                break;
+            case 'month':
+                start = new Date(now.getFullYear(), now.getMonth(), 1);
+                break;
+            case 'fy':
+                start = this.startOfFinancialYear(now);
+                break;
+            case '24h':
+                start = this.subtractTime(now, 24, 'Hours');
+                break;
+            case '7d':
+                start = this.subtractTime(now, 7, 'Days');
+                break;
+            case '30d':
+                start = this.subtractTime(now, 30, 'Days');
+                break;
+            case 'last':
+                this.activePicker = null;
+                return this.emitLast();
+            default:
+                this.activePicker = null;
+                return this.emit({
+                    type: option.value,
+                    label: option.label,
+                    key: option.value,
+                });
+        }
+        // ✅ For preset date ranges
+        this.activePicker = null;
+        this.emit({
+            type: option.value,
+            label: option.label,
+            startDate: start,
+            endDate: end,
+            key: option.value,
+        });
+    }
+    /* ===================== HELPERS ===================== */
+    startOfDay(date) {
+        const d = new Date(date);
+        d.setHours(0, 0, 0, 0);
+        return d;
+    }
+    startOfWeek(date) {
+        const d = new Date(date);
+        const day = d.getDay();
+        const diff = day === 0 ? 6 : day - 1; // Monday start
+        d.setDate(d.getDate() - diff);
+        d.setHours(0, 0, 0, 0);
+        return d;
+    }
+    startOfFinancialYear(date) {
+        const year = date.getMonth() >= 3 ? date.getFullYear() : date.getFullYear() - 1;
+        return new Date(year, 3, 1); // April 1
+    }
+    subtractTime(date, value, unit) {
+        const ms = unit === 'Hours' ? value * 60 * 60 * 1000 : value * 24 * 60 * 60 * 1000;
+        return new Date(date.getTime() - ms);
+    }
+    /* ===================== LAST X ===================== */
+    emitLast() {
+        const now = new Date();
+        const start = this.subtractTime(now, this.lastValue, this.lastUnit);
+        this.emit({
+            type: 'last',
+            label: `Last ${this.lastValue} ${this.lastUnit}`,
+            startDate: start,
+            endDate: now,
+            value: this.lastValue,
+            unit: this.lastUnit,
+        });
+    }
+    onLastChange() {
+        if (this.selectedValue === 'last') {
+            this.emitLast();
+        }
+    }
+    /* ===================== RESET ===================== */
+    reset() {
+        const defaultOption = this.config.options.find((o) => o.default);
+        if (defaultOption) {
+            this.selectOption(defaultOption);
+        }
+    }
+    /* ===================== EMIT ===================== */
+    emit(payload) {
+        this.selectionChange.emit(payload);
+    }
+    onDateApplied(event) {
+        this.emit(event);
+        this.activePicker = null;
+    }
+    applied(dt) {
+        console.log(dt);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimestampFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TimestampFilterComponent, isStandalone: true, selector: "cats-ui-timestamp-filter", inputs: { config: "config" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"filter-card\">\r\n  <div class=\"header\">\r\n    <span class=\"title\">{{ config.title || \"Timestamp Filter\" }}</span>\r\n    @if (config.showReset) {\r\n      <span class=\"reset\" (click)=\"reset()\">Reset to Default</span>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"options\">\r\n    @for (option of config.options; track $index) {\r\n      <div class=\"option\" (click)=\"selectOption(option)\">\r\n        <label>\r\n          <input type=\"radio\" [checked]=\"selectedValue === option.value\" />\r\n          <span>{{ option.label }}</span>\r\n        </label>\r\n\r\n        <!-- Input type -->\r\n        @if (option.type === \"input\") {\r\n          <div class=\"last-input\">\r\n            <input\r\n              type=\"number\"\r\n              [(ngModel)]=\"lastValue\"\r\n              (change)=\"onLastChange()\"\r\n            />\r\n            <select [(ngModel)]=\"lastUnit\" (change)=\"onLastChange()\">\r\n              <option>Hours</option>\r\n              <option>Days</option>\r\n            </select>\r\n          </div>\r\n        }\r\n\r\n        <!-- Submenu -->\r\n        @if (option.type === \"submenu\") {\r\n          <span class=\"arrow\">\u203A</span>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n<!--  DYNAMIC CALENDAR -->\r\n@if (activePicker) {\r\n  <div class=\"picker-overlay\" (click)=\"activePicker = null\">\r\n    <div class=\"picker-container\" (click)=\"$event.stopPropagation()\">\r\n      <cats-ui-custom-date-picker\r\n        [config]=\"getPickerConfig(activePicker)\"\r\n        (applied)=\"onDateApplied($event)\"\r\n        [showTrigger]=\"false\"\r\n      ></cats-ui-custom-date-picker>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".filter-card{width:260px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;font-family:Arial}.filter-card .header{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:13px;font-weight:500;color:#666;border-bottom:1px solid #eee}.filter-card .reset{color:#3f6ad8;cursor:pointer;font-size:13px}.filter-card .reset:hover{text-decoration:underline}.filter-card .options{padding:8px 0}.filter-card .options .option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer}.filter-card .options .option:hover{background:#f5f5f5}.filter-card .options .option label{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-card .options .option input[type=radio]{accent-color:#3f6ad8}.filter-card .options .option .arrow{font-size:18px;color:#999}.filter-card .options .option .last-input{display:flex;gap:6px}.filter-card .options .option .last-input input{width:50px;padding:2px}.filter-card .options .option .last-input select{padding:2px}.filter-card{width:280px;border-radius:10px}.options{max-height:320px;overflow-y:auto}.option{font-size:14px}.section-title{padding:8px 12px;font-size:12px;color:#999;font-weight:600}.divider{height:1px;background:#eee;margin:6px 0}input[type=radio]{accent-color:#3f6ad8;transform:scale(1.05)}.last-input input,.last-input select{border:1px solid #ddd;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CustomDatePickerComponent, selector: "cats-ui-custom-date-picker", inputs: ["config", "label", "showHeader", "showTrigger"], outputs: ["applied", "cancelled", "rangeSelected"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimestampFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cats-ui-timestamp-filter', imports: [FormsModule, CustomDatePickerComponent], template: "<div class=\"filter-card\">\r\n  <div class=\"header\">\r\n    <span class=\"title\">{{ config.title || \"Timestamp Filter\" }}</span>\r\n    @if (config.showReset) {\r\n      <span class=\"reset\" (click)=\"reset()\">Reset to Default</span>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"options\">\r\n    @for (option of config.options; track $index) {\r\n      <div class=\"option\" (click)=\"selectOption(option)\">\r\n        <label>\r\n          <input type=\"radio\" [checked]=\"selectedValue === option.value\" />\r\n          <span>{{ option.label }}</span>\r\n        </label>\r\n\r\n        <!-- Input type -->\r\n        @if (option.type === \"input\") {\r\n          <div class=\"last-input\">\r\n            <input\r\n              type=\"number\"\r\n              [(ngModel)]=\"lastValue\"\r\n              (change)=\"onLastChange()\"\r\n            />\r\n            <select [(ngModel)]=\"lastUnit\" (change)=\"onLastChange()\">\r\n              <option>Hours</option>\r\n              <option>Days</option>\r\n            </select>\r\n          </div>\r\n        }\r\n\r\n        <!-- Submenu -->\r\n        @if (option.type === \"submenu\") {\r\n          <span class=\"arrow\">\u203A</span>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n<!--  DYNAMIC CALENDAR -->\r\n@if (activePicker) {\r\n  <div class=\"picker-overlay\" (click)=\"activePicker = null\">\r\n    <div class=\"picker-container\" (click)=\"$event.stopPropagation()\">\r\n      <cats-ui-custom-date-picker\r\n        [config]=\"getPickerConfig(activePicker)\"\r\n        (applied)=\"onDateApplied($event)\"\r\n        [showTrigger]=\"false\"\r\n      ></cats-ui-custom-date-picker>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".filter-card{width:260px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;font-family:Arial}.filter-card .header{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:13px;font-weight:500;color:#666;border-bottom:1px solid #eee}.filter-card .reset{color:#3f6ad8;cursor:pointer;font-size:13px}.filter-card .reset:hover{text-decoration:underline}.filter-card .options{padding:8px 0}.filter-card .options .option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer}.filter-card .options .option:hover{background:#f5f5f5}.filter-card .options .option label{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-card .options .option input[type=radio]{accent-color:#3f6ad8}.filter-card .options .option .arrow{font-size:18px;color:#999}.filter-card .options .option .last-input{display:flex;gap:6px}.filter-card .options .option .last-input input{width:50px;padding:2px}.filter-card .options .option .last-input select{padding:2px}.filter-card{width:280px;border-radius:10px}.options{max-height:320px;overflow-y:auto}.option{font-size:14px}.section-title{padding:8px 12px;font-size:12px;color:#999;font-weight:600}.divider{height:1px;background:#eee;margin:6px 0}input[type=radio]{accent-color:#3f6ad8;transform:scale(1.05)}.last-input input,.last-input select{border:1px solid #ddd;border-radius:4px}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], selectionChange: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of cats-ui
  */
@@ -2548,5 +3885,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DateTimePickerComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SingleSelectComponent, SingleSelectConfig, TabComponent, TabContentDirective, TabHeadingDirective, TabItemComponent, ToggleConfig, ToogleButtonComponent };
+export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DateTimePickerComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SingleSelectComponent, SingleSelectConfig, TabComponent, TabContentComponent, TabContentDirective, TabHeadingDirective, TabItemComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent };
 //# sourceMappingURL=cats-ui-lib.mjs.map