cats-ui-lib 2.2.13 → 2.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/cats-ui-lib.mjs +46 -22
  2. package/fesm2022/cats-ui-lib.mjs.map +1 -1
  3. package/index.d.ts +8 -2
  4. package/package.json +1 -1
package/fesm2022/cats-ui-lib.mjs CHANGED
@@ -250,7 +250,7 @@ class InputComponent {
250
250
  useExisting: forwardRef(() => InputComponent),
251
251
  multi: true,
252
252
  },
253
- ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-input-container\">\n @if (inputConfig.label) {\n <label class=\"cats-label-text\">{{ inputConfig.label }}</label>\n }\n <div\n class=\"cats-custom-input\"\n [ngClass]=\"{\n invalid:\n (control?.touched || control?.dirty) &&\n control?.invalid &&\n control?.errors,\n disabled: disabled,\n 'has-leading-dropdown':\n inputConfig.showDropdown &&\n (inputConfig.leadingDropdown ||\n inputConfig.dropdownPosition === 'leading'),\n 'has-trailing-dropdown':\n inputConfig.showDropdown &&\n (inputConfig.trailingDropdown ||\n inputConfig.dropdownPosition === 'trailing'),\n }\"\n >\n @if (\n inputConfig.showDropdown && getDropdownConfig(\"leading\");\n as leadingDropdown\n ) {\n <div\n class=\"cats-input-dropdown leading-dropdown\"\n [class.active]=\"openDropdown === 'leading'\"\n (click)=\"toggleDropdown('leading', $event)\"\n >\n <span class=\"cats-input-dropdown-value textTruncate\">\n @if (getDropdownIcon(selectedLeadingOption, leadingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(selectedLeadingOption, leadingDropdown)\"\n alt=\"\"\n />\n }\n {{ getDropdownText(selectedLeadingOption, leadingDropdown) }}\n </span>\n <img\n class=\"cats-input-dropdown-arrow\"\n src=\"images/chevron-down.svg\"\n alt=\"\"\n />\n @if (openDropdown === \"leading\") {\n <ul class=\"cats-input-dropdown-list\">\n @for (\n option of leadingDropdown.options;\n track getOptionId(option, getDropdownConfig(\"leading\"))\n ) {\n <li\n class=\"cats-input-dropdown-item\"\n [class.selected]=\"isDropdownSelected('leading', option)\"\n [class.disabled-option]=\"\n isOptionDisabled(option, leadingDropdown)\n \"\n (click)=\"selectDropdownOption('leading', option, $event)\"\n >\n @if (getDropdownIcon(option, leadingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(option, leadingDropdown)\"\n alt=\"\"\n />\n }\n <span class=\"textTruncate\">{{\n getDropdownText(option, leadingDropdown)\n }}</span>\n </li>\n }\n </ul>\n }\n </div>\n }\n <input\n [ngClass]=\"{\n invalid:\n (control?.touched || control?.dirty) &&\n control?.invalid &&\n control?.errors,\n }\"\n class=\"cats-input-box\"\n [type]=\"showPassword ? 'text' : inputConfig.type\"\n [placeholder]=\"inputConfig.placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n (input)=\"handleInput($event)\"\n (blur)=\"handleBlur($event)\"\n (keydown)=\"handleKeyDown($event)\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (\n inputConfig.showDropdown && getDropdownConfig(\"trailing\");\n as trailingDropdown\n ) {\n <div\n class=\"cats-input-dropdown trailing-dropdown\"\n [class.active]=\"openDropdown === 'trailing'\"\n (click)=\"toggleDropdown('trailing', $event)\"\n >\n <span class=\"cats-input-dropdown-value textTruncate\">\n @if (getDropdownIcon(selectedTrailingOption, trailingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(selectedTrailingOption, trailingDropdown)\"\n alt=\"\"\n />\n }\n {{ getDropdownText(selectedTrailingOption, trailingDropdown) }}\n </span>\n <img\n class=\"cats-input-dropdown-arrow\"\n src=\"images/chevron-down.svg\"\n alt=\"\"\n />\n @if (openDropdown === \"trailing\") {\n <ul class=\"cats-input-dropdown-list\">\n @for (\n option of trailingDropdown.options;\n track getOptionId(option, getDropdownConfig(\"trailing\"))\n ) {\n <li\n class=\"cats-input-dropdown-item\"\n [class.selected]=\"isDropdownSelected('trailing', option)\"\n [class.disabled-option]=\"\n isOptionDisabled(option, trailingDropdown)\n \"\n (click)=\"selectDropdownOption('trailing', option, $event)\"\n >\n @if (getDropdownIcon(option, trailingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(option, trailingDropdown)\"\n alt=\"\"\n />\n }\n <span class=\"textTruncate\">{{\n getDropdownText(option, trailingDropdown)\n }}</span>\n </li>\n }\n </ul>\n }\n </div>\n }\n <!-- Eye Icon Only When Type Is Password -->\n @if (inputConfig.type === \"password\") {\n <span class=\"cats-eye-icon\" (click)=\"togglePassword()\">\n <img\n class=\"cats-eye-img\"\n [src]=\"showPassword ? 'images/eye.svg' : 'images/eye-off.svg'\"\n alt=\"toggle password visibility\"\n />\n </span>\n }\n </div>\n</div>\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-input-container .cats-label-text{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);margin-bottom:calc(.6666666667rem / var(--scale))}.cats-input-container .cats-custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);gap:0;height:calc(4rem / var(--scale))}.cats-input-container .cats-custom-input:has(.cats-eye-icon) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input:focus-within{border-color:var(--border-interaction-focus)}.cats-input-container .cats-custom-input.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-input-container .cats-custom-input.disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown-arrow,.cats-input-container .cats-custom-input.disabled .cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box{width:100%;height:calc(4rem / var(--scale));padding:calc(1rem / var(--scale));border:none;border-radius:calc(.6666666667rem / var(--scale));background:transparent;color:var(--text-body-primary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box[type=password]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input .cats-input-box:focus{outline:none}.cats-input-container .cats-custom-input .cats-input-box.invalid{background-color:var(--surface-contextual-red)}.cats-input-container .cats-custom-input .cats-input-box.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-box.selected-disable::selection{background-color:transparent}.cats-input-container .cats-custom-input .cats-input-box:disabled{background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-box:disabled+.cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box:disabled::placeholder{color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown{align-self:stretch;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));flex:0 0 auto;min-width:calc(9.8333333333rem / var(--scale));max-width:45%;padding:0 calc(1rem / var(--scale));background-color:var(--surface-background-subtle);color:var(--text-body-primary);cursor:pointer;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-dropdown.leading-dropdown{border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown.trailing-dropdown{border-top-right-radius:calc(.5833333333rem / var(--scale));border-bottom-right-radius:calc(.5833333333rem / var(--scale));border-left:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-value,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-item{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));min-width:0}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-icon{width:calc(1.5rem / var(--scale));height:calc(1.5rem / var(--scale));flex:0 0 auto;object-fit:contain}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-arrow{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));flex:0 0 auto}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list{position:absolute;top:calc(100% + .3333333333rem / var(--scale));left:0;z-index:3;width:max-content;min-width:100%;max-width:calc(21.6666666667rem / var(--scale));max-height:calc(18.3333333333rem / var(--scale));overflow:auto;margin:0;padding:calc(.6666666667rem / var(--scale)) 0;list-style:none;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item{height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));white-space:nowrap;cursor:pointer}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item:hover,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.selected{background-color:var(--surface-background-blue)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input .cats-eye-icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.cats-input-container .cats-custom-input .cats-eye-icon .cats-eye-img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}.cats-input-container .cats-input-error{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));margin-top:calc(.3333333333rem / var(--scale));color:var(--semantics-error-default);font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:400}.cats-input-container .cats-input-error img{width:calc(1rem / var(--scale));height:calc(1rem / var(--scale))}::ng-deep input::-ms-reveal,::ng-deep input::-ms-clear{display:none}\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"] }] });
253
+ ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-input-container\">\r\n @if (inputConfig.label) {\r\n <label class=\"cats-label-text\">{{ inputConfig.label }}</label>\r\n }\r\n <div\r\n class=\"cats-custom-input\"\r\n [ngClass]=\"{\r\n invalid:\r\n (control?.touched || control?.dirty) &&\r\n control?.invalid &&\r\n control?.errors,\r\n disabled: disabled,\r\n 'has-leading-dropdown':\r\n inputConfig.showDropdown &&\r\n (inputConfig.leadingDropdown ||\r\n inputConfig.dropdownPosition === 'leading'),\r\n 'has-trailing-dropdown':\r\n inputConfig.showDropdown &&\r\n (inputConfig.trailingDropdown ||\r\n inputConfig.dropdownPosition === 'trailing'),\r\n }\"\r\n >\r\n @if (\r\n inputConfig.showDropdown && getDropdownConfig(\"leading\");\r\n as leadingDropdown\r\n ) {\r\n <div\r\n class=\"cats-input-dropdown leading-dropdown\"\r\n [class.active]=\"openDropdown === 'leading'\"\r\n (click)=\"toggleDropdown('leading', $event)\"\r\n >\r\n <span class=\"cats-input-dropdown-value textTruncate\">\r\n @if (getDropdownIcon(selectedLeadingOption, leadingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(selectedLeadingOption, leadingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n {{ getDropdownText(selectedLeadingOption, leadingDropdown) }}\r\n </span>\r\n <img\r\n class=\"cats-input-dropdown-arrow\"\r\n src=\"images/chevron-down.svg\"\r\n alt=\"\"\r\n />\r\n @if (openDropdown === \"leading\") {\r\n <ul class=\"cats-input-dropdown-list\">\r\n @for (\r\n option of leadingDropdown.options;\r\n track getOptionId(option, getDropdownConfig(\"leading\"))\r\n ) {\r\n <li\r\n class=\"cats-input-dropdown-item\"\r\n [class.selected]=\"isDropdownSelected('leading', option)\"\r\n [class.disabled-option]=\"\r\n isOptionDisabled(option, leadingDropdown)\r\n \"\r\n (click)=\"selectDropdownOption('leading', option, $event)\"\r\n >\r\n @if (getDropdownIcon(option, leadingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(option, leadingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n <span class=\"textTruncate\">{{\r\n getDropdownText(option, leadingDropdown)\r\n }}</span>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n </div>\r\n }\r\n <input\r\n \r\n class=\"cats-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 @if (\r\n inputConfig.showDropdown && getDropdownConfig(\"trailing\");\r\n as trailingDropdown\r\n ) {\r\n <div\r\n class=\"cats-input-dropdown trailing-dropdown\"\r\n [class.active]=\"openDropdown === 'trailing'\"\r\n (click)=\"toggleDropdown('trailing', $event)\"\r\n >\r\n <span class=\"cats-input-dropdown-value textTruncate\">\r\n @if (getDropdownIcon(selectedTrailingOption, trailingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(selectedTrailingOption, trailingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n {{ getDropdownText(selectedTrailingOption, trailingDropdown) }}\r\n </span>\r\n <img\r\n class=\"cats-input-dropdown-arrow\"\r\n src=\"images/chevron-down.svg\"\r\n alt=\"\"\r\n />\r\n @if (openDropdown === \"trailing\") {\r\n <ul class=\"cats-input-dropdown-list\">\r\n @for (\r\n option of trailingDropdown.options;\r\n track getOptionId(option, getDropdownConfig(\"trailing\"))\r\n ) {\r\n <li\r\n class=\"cats-input-dropdown-item\"\r\n [class.selected]=\"isDropdownSelected('trailing', option)\"\r\n [class.disabled-option]=\"\r\n isOptionDisabled(option, trailingDropdown)\r\n \"\r\n (click)=\"selectDropdownOption('trailing', option, $event)\"\r\n >\r\n @if (getDropdownIcon(option, trailingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(option, trailingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n <span class=\"textTruncate\">{{\r\n getDropdownText(option, trailingDropdown)\r\n }}</span>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n </div>\r\n }\r\n <!-- Eye Icon Only When Type Is Password -->\r\n @if (inputConfig.type === \"password\") {\r\n <span class=\"cats-eye-icon\" (click)=\"togglePassword()\">\r\n <img\r\n class=\"cats-eye-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{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-input-container .cats-label-text{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);margin-bottom:calc(.6666666667rem / var(--scale))}.cats-input-container .cats-custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);gap:0;height:calc(4rem / var(--scale))}.cats-input-container .cats-custom-input:has(.cats-eye-icon) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input:focus-within{border-color:var(--border-interaction-focus)}.cats-input-container .cats-custom-input.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-input-container .cats-custom-input.disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown-arrow,.cats-input-container .cats-custom-input.disabled .cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box{width:100%;height:calc(4rem / var(--scale));padding:calc(1rem / var(--scale));border:none;border-radius:calc(.6666666667rem / var(--scale));background:transparent;color:var(--text-body-primary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box[type=password]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input .cats-input-box:focus{outline:none}.cats-input-container .cats-custom-input .cats-input-box.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-box.selected-disable::selection{background-color:transparent}.cats-input-container .cats-custom-input .cats-input-box:disabled{background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-box:disabled+.cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box:disabled::placeholder{color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown{align-self:stretch;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));flex:0 0 auto;min-width:calc(9.8333333333rem / var(--scale));max-width:45%;padding:0 calc(1rem / var(--scale));background-color:var(--surface-background-subtle);color:var(--text-body-primary);cursor:pointer;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-dropdown.leading-dropdown{border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown.trailing-dropdown{border-top-right-radius:calc(.5833333333rem / var(--scale));border-bottom-right-radius:calc(.5833333333rem / var(--scale));border-left:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-value,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-item{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));min-width:0}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-icon{width:calc(1.5rem / var(--scale));height:calc(1.5rem / var(--scale));flex:0 0 auto;object-fit:contain}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-arrow{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));flex:0 0 auto}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list{position:absolute;top:calc(100% + .3333333333rem / var(--scale));left:0;z-index:3;width:max-content;min-width:100%;max-width:calc(21.6666666667rem / var(--scale));max-height:calc(18.3333333333rem / var(--scale));overflow:auto;margin:0;padding:calc(.6666666667rem / var(--scale)) 0;list-style:none;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item{height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));white-space:nowrap;cursor:pointer}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item:hover,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.selected{background-color:var(--surface-background-blue)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input .cats-eye-icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.cats-input-container .cats-custom-input .cats-eye-icon .cats-eye-img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}.cats-input-container .cats-input-error{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));margin-top:calc(.3333333333rem / var(--scale));color:var(--semantics-error-default);font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:400}.cats-input-container .cats-input-error img{width:calc(1rem / var(--scale));height:calc(1rem / var(--scale))}::ng-deep input::-ms-reveal,::ng-deep input::-ms-clear{display:none}\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"] }] });
254
254
  }
255
255
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InputComponent, decorators: [{
256
256
  type: Component,
@@ -265,7 +265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
265
265
  useExisting: forwardRef(() => InputComponent),
266
266
  multi: true,
267
267
  },
268
- ], host: { tabindex: '0' }, template: "<div class=\"cats-input-container\">\n @if (inputConfig.label) {\n <label class=\"cats-label-text\">{{ inputConfig.label }}</label>\n }\n <div\n class=\"cats-custom-input\"\n [ngClass]=\"{\n invalid:\n (control?.touched || control?.dirty) &&\n control?.invalid &&\n control?.errors,\n disabled: disabled,\n 'has-leading-dropdown':\n inputConfig.showDropdown &&\n (inputConfig.leadingDropdown ||\n inputConfig.dropdownPosition === 'leading'),\n 'has-trailing-dropdown':\n inputConfig.showDropdown &&\n (inputConfig.trailingDropdown ||\n inputConfig.dropdownPosition === 'trailing'),\n }\"\n >\n @if (\n inputConfig.showDropdown && getDropdownConfig(\"leading\");\n as leadingDropdown\n ) {\n <div\n class=\"cats-input-dropdown leading-dropdown\"\n [class.active]=\"openDropdown === 'leading'\"\n (click)=\"toggleDropdown('leading', $event)\"\n >\n <span class=\"cats-input-dropdown-value textTruncate\">\n @if (getDropdownIcon(selectedLeadingOption, leadingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(selectedLeadingOption, leadingDropdown)\"\n alt=\"\"\n />\n }\n {{ getDropdownText(selectedLeadingOption, leadingDropdown) }}\n </span>\n <img\n class=\"cats-input-dropdown-arrow\"\n src=\"images/chevron-down.svg\"\n alt=\"\"\n />\n @if (openDropdown === \"leading\") {\n <ul class=\"cats-input-dropdown-list\">\n @for (\n option of leadingDropdown.options;\n track getOptionId(option, getDropdownConfig(\"leading\"))\n ) {\n <li\n class=\"cats-input-dropdown-item\"\n [class.selected]=\"isDropdownSelected('leading', option)\"\n [class.disabled-option]=\"\n isOptionDisabled(option, leadingDropdown)\n \"\n (click)=\"selectDropdownOption('leading', option, $event)\"\n >\n @if (getDropdownIcon(option, leadingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(option, leadingDropdown)\"\n alt=\"\"\n />\n }\n <span class=\"textTruncate\">{{\n getDropdownText(option, leadingDropdown)\n }}</span>\n </li>\n }\n </ul>\n }\n </div>\n }\n <input\n [ngClass]=\"{\n invalid:\n (control?.touched || control?.dirty) &&\n control?.invalid &&\n control?.errors,\n }\"\n class=\"cats-input-box\"\n [type]=\"showPassword ? 'text' : inputConfig.type\"\n [placeholder]=\"inputConfig.placeholder\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n (input)=\"handleInput($event)\"\n (blur)=\"handleBlur($event)\"\n (keydown)=\"handleKeyDown($event)\"\n (keyup)=\"handleKeyUp($event)\"\n />\n @if (\n inputConfig.showDropdown && getDropdownConfig(\"trailing\");\n as trailingDropdown\n ) {\n <div\n class=\"cats-input-dropdown trailing-dropdown\"\n [class.active]=\"openDropdown === 'trailing'\"\n (click)=\"toggleDropdown('trailing', $event)\"\n >\n <span class=\"cats-input-dropdown-value textTruncate\">\n @if (getDropdownIcon(selectedTrailingOption, trailingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(selectedTrailingOption, trailingDropdown)\"\n alt=\"\"\n />\n }\n {{ getDropdownText(selectedTrailingOption, trailingDropdown) }}\n </span>\n <img\n class=\"cats-input-dropdown-arrow\"\n src=\"images/chevron-down.svg\"\n alt=\"\"\n />\n @if (openDropdown === \"trailing\") {\n <ul class=\"cats-input-dropdown-list\">\n @for (\n option of trailingDropdown.options;\n track getOptionId(option, getDropdownConfig(\"trailing\"))\n ) {\n <li\n class=\"cats-input-dropdown-item\"\n [class.selected]=\"isDropdownSelected('trailing', option)\"\n [class.disabled-option]=\"\n isOptionDisabled(option, trailingDropdown)\n \"\n (click)=\"selectDropdownOption('trailing', option, $event)\"\n >\n @if (getDropdownIcon(option, trailingDropdown)) {\n <img\n class=\"cats-input-dropdown-icon\"\n [src]=\"getDropdownIcon(option, trailingDropdown)\"\n alt=\"\"\n />\n }\n <span class=\"textTruncate\">{{\n getDropdownText(option, trailingDropdown)\n }}</span>\n </li>\n }\n </ul>\n }\n </div>\n }\n <!-- Eye Icon Only When Type Is Password -->\n @if (inputConfig.type === \"password\") {\n <span class=\"cats-eye-icon\" (click)=\"togglePassword()\">\n <img\n class=\"cats-eye-img\"\n [src]=\"showPassword ? 'images/eye.svg' : 'images/eye-off.svg'\"\n alt=\"toggle password visibility\"\n />\n </span>\n }\n </div>\n</div>\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-input-container .cats-label-text{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);margin-bottom:calc(.6666666667rem / var(--scale))}.cats-input-container .cats-custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);gap:0;height:calc(4rem / var(--scale))}.cats-input-container .cats-custom-input:has(.cats-eye-icon) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input:focus-within{border-color:var(--border-interaction-focus)}.cats-input-container .cats-custom-input.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-input-container .cats-custom-input.disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown-arrow,.cats-input-container .cats-custom-input.disabled .cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box{width:100%;height:calc(4rem / var(--scale));padding:calc(1rem / var(--scale));border:none;border-radius:calc(.6666666667rem / var(--scale));background:transparent;color:var(--text-body-primary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box[type=password]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input .cats-input-box:focus{outline:none}.cats-input-container .cats-custom-input .cats-input-box.invalid{background-color:var(--surface-contextual-red)}.cats-input-container .cats-custom-input .cats-input-box.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-box.selected-disable::selection{background-color:transparent}.cats-input-container .cats-custom-input .cats-input-box:disabled{background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-box:disabled+.cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box:disabled::placeholder{color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown{align-self:stretch;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));flex:0 0 auto;min-width:calc(9.8333333333rem / var(--scale));max-width:45%;padding:0 calc(1rem / var(--scale));background-color:var(--surface-background-subtle);color:var(--text-body-primary);cursor:pointer;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-dropdown.leading-dropdown{border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown.trailing-dropdown{border-top-right-radius:calc(.5833333333rem / var(--scale));border-bottom-right-radius:calc(.5833333333rem / var(--scale));border-left:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-value,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-item{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));min-width:0}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-icon{width:calc(1.5rem / var(--scale));height:calc(1.5rem / var(--scale));flex:0 0 auto;object-fit:contain}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-arrow{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));flex:0 0 auto}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list{position:absolute;top:calc(100% + .3333333333rem / var(--scale));left:0;z-index:3;width:max-content;min-width:100%;max-width:calc(21.6666666667rem / var(--scale));max-height:calc(18.3333333333rem / var(--scale));overflow:auto;margin:0;padding:calc(.6666666667rem / var(--scale)) 0;list-style:none;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item{height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));white-space:nowrap;cursor:pointer}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item:hover,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.selected{background-color:var(--surface-background-blue)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input .cats-eye-icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.cats-input-container .cats-custom-input .cats-eye-icon .cats-eye-img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}.cats-input-container .cats-input-error{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));margin-top:calc(.3333333333rem / var(--scale));color:var(--semantics-error-default);font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:400}.cats-input-container .cats-input-error img{width:calc(1rem / var(--scale));height:calc(1rem / var(--scale))}::ng-deep input::-ms-reveal,::ng-deep input::-ms-clear{display:none}\n"] }]
268
+ ], host: { tabindex: '0' }, template: "<div class=\"cats-input-container\">\r\n @if (inputConfig.label) {\r\n <label class=\"cats-label-text\">{{ inputConfig.label }}</label>\r\n }\r\n <div\r\n class=\"cats-custom-input\"\r\n [ngClass]=\"{\r\n invalid:\r\n (control?.touched || control?.dirty) &&\r\n control?.invalid &&\r\n control?.errors,\r\n disabled: disabled,\r\n 'has-leading-dropdown':\r\n inputConfig.showDropdown &&\r\n (inputConfig.leadingDropdown ||\r\n inputConfig.dropdownPosition === 'leading'),\r\n 'has-trailing-dropdown':\r\n inputConfig.showDropdown &&\r\n (inputConfig.trailingDropdown ||\r\n inputConfig.dropdownPosition === 'trailing'),\r\n }\"\r\n >\r\n @if (\r\n inputConfig.showDropdown && getDropdownConfig(\"leading\");\r\n as leadingDropdown\r\n ) {\r\n <div\r\n class=\"cats-input-dropdown leading-dropdown\"\r\n [class.active]=\"openDropdown === 'leading'\"\r\n (click)=\"toggleDropdown('leading', $event)\"\r\n >\r\n <span class=\"cats-input-dropdown-value textTruncate\">\r\n @if (getDropdownIcon(selectedLeadingOption, leadingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(selectedLeadingOption, leadingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n {{ getDropdownText(selectedLeadingOption, leadingDropdown) }}\r\n </span>\r\n <img\r\n class=\"cats-input-dropdown-arrow\"\r\n src=\"images/chevron-down.svg\"\r\n alt=\"\"\r\n />\r\n @if (openDropdown === \"leading\") {\r\n <ul class=\"cats-input-dropdown-list\">\r\n @for (\r\n option of leadingDropdown.options;\r\n track getOptionId(option, getDropdownConfig(\"leading\"))\r\n ) {\r\n <li\r\n class=\"cats-input-dropdown-item\"\r\n [class.selected]=\"isDropdownSelected('leading', option)\"\r\n [class.disabled-option]=\"\r\n isOptionDisabled(option, leadingDropdown)\r\n \"\r\n (click)=\"selectDropdownOption('leading', option, $event)\"\r\n >\r\n @if (getDropdownIcon(option, leadingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(option, leadingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n <span class=\"textTruncate\">{{\r\n getDropdownText(option, leadingDropdown)\r\n }}</span>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n </div>\r\n }\r\n <input\r\n \r\n class=\"cats-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 @if (\r\n inputConfig.showDropdown && getDropdownConfig(\"trailing\");\r\n as trailingDropdown\r\n ) {\r\n <div\r\n class=\"cats-input-dropdown trailing-dropdown\"\r\n [class.active]=\"openDropdown === 'trailing'\"\r\n (click)=\"toggleDropdown('trailing', $event)\"\r\n >\r\n <span class=\"cats-input-dropdown-value textTruncate\">\r\n @if (getDropdownIcon(selectedTrailingOption, trailingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(selectedTrailingOption, trailingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n {{ getDropdownText(selectedTrailingOption, trailingDropdown) }}\r\n </span>\r\n <img\r\n class=\"cats-input-dropdown-arrow\"\r\n src=\"images/chevron-down.svg\"\r\n alt=\"\"\r\n />\r\n @if (openDropdown === \"trailing\") {\r\n <ul class=\"cats-input-dropdown-list\">\r\n @for (\r\n option of trailingDropdown.options;\r\n track getOptionId(option, getDropdownConfig(\"trailing\"))\r\n ) {\r\n <li\r\n class=\"cats-input-dropdown-item\"\r\n [class.selected]=\"isDropdownSelected('trailing', option)\"\r\n [class.disabled-option]=\"\r\n isOptionDisabled(option, trailingDropdown)\r\n \"\r\n (click)=\"selectDropdownOption('trailing', option, $event)\"\r\n >\r\n @if (getDropdownIcon(option, trailingDropdown)) {\r\n <img\r\n class=\"cats-input-dropdown-icon\"\r\n [src]=\"getDropdownIcon(option, trailingDropdown)\"\r\n alt=\"\"\r\n />\r\n }\r\n <span class=\"textTruncate\">{{\r\n getDropdownText(option, trailingDropdown)\r\n }}</span>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n </div>\r\n }\r\n <!-- Eye Icon Only When Type Is Password -->\r\n @if (inputConfig.type === \"password\") {\r\n <span class=\"cats-eye-icon\" (click)=\"togglePassword()\">\r\n <img\r\n class=\"cats-eye-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{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-input-container .cats-label-text{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);margin-bottom:calc(.6666666667rem / var(--scale))}.cats-input-container .cats-custom-input{position:relative;display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);gap:0;height:calc(4rem / var(--scale))}.cats-input-container .cats-custom-input:has(.cats-eye-icon) input[type=text]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input:focus-within{border-color:var(--border-interaction-focus)}.cats-input-container .cats-custom-input.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-input-container .cats-custom-input.disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input.disabled .cats-input-dropdown-arrow,.cats-input-container .cats-custom-input.disabled .cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box{width:100%;height:calc(4rem / var(--scale));padding:calc(1rem / var(--scale));border:none;border-radius:calc(.6666666667rem / var(--scale));background:transparent;color:var(--text-body-primary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-box[type=password]{padding-right:calc(3.75rem / var(--scale))}.cats-input-container .cats-custom-input .cats-input-box:focus{outline:none}.cats-input-container .cats-custom-input .cats-input-box.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-box.selected-disable::selection{background-color:transparent}.cats-input-container .cats-custom-input .cats-input-box:disabled{background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-box:disabled+.cats-eye-icon{opacity:.2}.cats-input-container .cats-custom-input .cats-input-box:disabled::placeholder{color:var(--text-body-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown{align-self:stretch;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));flex:0 0 auto;min-width:calc(9.8333333333rem / var(--scale));max-width:45%;padding:0 calc(1rem / var(--scale));background-color:var(--surface-background-subtle);color:var(--text-body-primary);cursor:pointer;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.cats-input-container .cats-custom-input .cats-input-dropdown.leading-dropdown{border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown.trailing-dropdown{border-top-right-radius:calc(.5833333333rem / var(--scale));border-bottom-right-radius:calc(.5833333333rem / var(--scale));border-left:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-value,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-item{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));min-width:0}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-icon{width:calc(1.5rem / var(--scale));height:calc(1.5rem / var(--scale));flex:0 0 auto;object-fit:contain}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-arrow{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale));flex:0 0 auto}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list{position:absolute;top:calc(100% + .3333333333rem / var(--scale));left:0;z-index:3;width:max-content;min-width:100%;max-width:calc(21.6666666667rem / var(--scale));max-height:calc(18.3333333333rem / var(--scale));overflow:auto;margin:0;padding:calc(.6666666667rem / var(--scale)) 0;list-style:none;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));background-color:var(--surface-background-canvas);box-shadow:calc(0rem / var(--scale)) calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item{height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));white-space:nowrap;cursor:pointer}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item:hover,.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.selected{background-color:var(--surface-background-blue)}.cats-input-container .cats-custom-input .cats-input-dropdown .cats-input-dropdown-list .cats-input-dropdown-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-input-container .cats-custom-input .cats-eye-icon{position:absolute;right:calc(1.3333333333rem / var(--scale))}.cats-input-container .cats-custom-input .cats-eye-icon .cats-eye-img{max-width:calc(1.6666666667rem / var(--scale));cursor:pointer}.cats-input-container .cats-input-error{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale));margin-top:calc(.3333333333rem / var(--scale));color:var(--semantics-error-default);font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:400}.cats-input-container .cats-input-error img{width:calc(1rem / var(--scale));height:calc(1rem / var(--scale))}::ng-deep input::-ms-reveal,::ng-deep input::-ms-clear{display:none}\n"] }]
269
269
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inputConfig: [{
270
270
  type: Input
271
271
  }], selectedValue: [{
@@ -610,7 +610,7 @@ class SingleSelectComponent {
610
610
  multi: true,
611
611
  },
612
612
  SINGLE_SELECT_CONTROL_VALUE_VALIDATOR,
613
- ], queries: [{ propertyName: "selectedData", first: true, predicate: ["selectedData"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-main-wrapper\" id=\"main-wrapper-single-select\">\r\n <div\r\n class=\"cats-single-select-dropdown\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n (control?.touched || control?.dirty) &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOption && disableControl,\r\n 'selected-disable': selectedOption && disableControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (singleSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"prefix-text textTruncate\">\r\n {{ singleSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n @if (\r\n !isObjEmpty(selectedOption) &&\r\n selectedOption[singleSelectConfig.textField]\r\n ) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n ></ng-container>\r\n <ng-template #defaultTemplate let-data=\"data\">\r\n <!-- COLOR -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n selectedOption[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"selectedOption[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n\r\n <!-- TEXT -->\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 </div>\r\n <span>\r\n <img\r\n class=\"cats-arrow-icon\"\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 class=\"cats-arrow-icon\"\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=\"cats-dropdown-list\"\r\n id=\"container_scroll\"\r\n (scroll)=\"onDivScroll($event)\"\r\n >\r\n @if (singleSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img src=\"images/search.svg\" class=\"cats-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]=\"\r\n singleSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (isObjEmpty(this.optionList[0] || \"\")) {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 cats-item\">No Data Found.</li>\r\n }\r\n } @else {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 <!-- COLOR BADGE -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\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 cats-item\">No Data Found.</li>\r\n }\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:\"\"}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-single-select-dropdown .cats-arrow-icon{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-single-select-dropdown.disable-input .predefine-label,.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-left-details .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-arrow-icon{opacity:.2}.cats-main-wrapper .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-primary)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable::selection{background-color:transparent}.cats-main-wrapper .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown .predefine-label .prefix-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--semantics-error-default)}.cats-main-wrapper .cats-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(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper:has(.no_data) li:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item{height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / 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:start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-icon,.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer}\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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 });
613
+ ], queries: [{ propertyName: "selectedData", first: true, predicate: ["selectedData"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-main-wrapper\" id=\"main-wrapper-single-select\">\r\n <div\r\n class=\"cats-single-select-dropdown\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n (control?.touched || control?.dirty) &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOption && disableControl,\r\n 'selected-disable': selectedOption && disableControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (singleSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"prefix-text textTruncate\">\r\n {{ singleSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n @if (\r\n !isObjEmpty(selectedOption) &&\r\n selectedOption[singleSelectConfig.textField]\r\n ) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n ></ng-container>\r\n <ng-template #defaultTemplate let-data=\"data\">\r\n <!-- COLOR -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n selectedOption[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"selectedOption[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n\r\n <!-- TEXT -->\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 </div>\r\n <span>\r\n <img\r\n class=\"cats-arrow-icon\"\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 class=\"cats-arrow-icon\"\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=\"cats-dropdown-list\"\r\n id=\"container_scroll\"\r\n (scroll)=\"onDivScroll($event)\"\r\n >\r\n @if (singleSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img src=\"images/search.svg\" class=\"cats-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]=\"\r\n singleSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n @if (searchText) {\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (isObjEmpty(this.optionList[0] || \"\")) {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 cats-item\">No Data Found.</li>\r\n }\r\n } @else {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 <!-- COLOR BADGE -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\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 cats-item\">No Data Found.</li>\r\n }\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:\"\"}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-single-select-dropdown .cats-arrow-icon{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-single-select-dropdown.disable-input .predefine-label,.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-left-details .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-arrow-icon{opacity:.2}.cats-main-wrapper .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-primary)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable::selection{background-color:transparent}.cats-main-wrapper .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown .predefine-label .prefix-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--semantics-error-default)}.cats-main-wrapper .cats-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(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper:has(.no_data) li:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item{height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / 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:start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-icon,.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer}\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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 });
614
614
  }
615
615
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SingleSelectComponent, decorators: [{
616
616
  type: Component,
@@ -621,7 +621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
621
621
  multi: true,
622
622
  },
623
623
  SINGLE_SELECT_CONTROL_VALUE_VALIDATOR,
624
- ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"cats-main-wrapper\" id=\"main-wrapper-single-select\">\r\n <div\r\n class=\"cats-single-select-dropdown\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n (control?.touched || control?.dirty) &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOption && disableControl,\r\n 'selected-disable': selectedOption && disableControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (singleSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"prefix-text textTruncate\">\r\n {{ singleSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n @if (\r\n !isObjEmpty(selectedOption) &&\r\n selectedOption[singleSelectConfig.textField]\r\n ) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n ></ng-container>\r\n <ng-template #defaultTemplate let-data=\"data\">\r\n <!-- COLOR -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n selectedOption[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"selectedOption[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n\r\n <!-- TEXT -->\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 </div>\r\n <span>\r\n <img\r\n class=\"cats-arrow-icon\"\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 class=\"cats-arrow-icon\"\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=\"cats-dropdown-list\"\r\n id=\"container_scroll\"\r\n (scroll)=\"onDivScroll($event)\"\r\n >\r\n @if (singleSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img src=\"images/search.svg\" class=\"cats-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]=\"\r\n singleSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (isObjEmpty(this.optionList[0] || \"\")) {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 cats-item\">No Data Found.</li>\r\n }\r\n } @else {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 <!-- COLOR BADGE -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\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 cats-item\">No Data Found.</li>\r\n }\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:\"\"}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-single-select-dropdown .cats-arrow-icon{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-single-select-dropdown.disable-input .predefine-label,.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-left-details .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-arrow-icon{opacity:.2}.cats-main-wrapper .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-primary)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable::selection{background-color:transparent}.cats-main-wrapper .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown .predefine-label .prefix-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--semantics-error-default)}.cats-main-wrapper .cats-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(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper:has(.no_data) li:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item{height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / 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:start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-icon,.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer}\n"] }]
624
+ ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"cats-main-wrapper\" id=\"main-wrapper-single-select\">\r\n <div\r\n class=\"cats-single-select-dropdown\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n (control?.touched || control?.dirty) &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOption && disableControl,\r\n 'selected-disable': selectedOption && disableControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (singleSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"prefix-text textTruncate\">\r\n {{ singleSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n @if (\r\n !isObjEmpty(selectedOption) &&\r\n selectedOption[singleSelectConfig.textField]\r\n ) {\r\n <ng-container\r\n [ngTemplateOutlet]=\"selectedData ? selectedData : defaultTemplate\"\r\n [ngTemplateOutletContext]=\"{ data: selectedOption }\"\r\n ></ng-container>\r\n <ng-template #defaultTemplate let-data=\"data\">\r\n <!-- COLOR -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n selectedOption[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"selectedOption[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n\r\n <!-- TEXT -->\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 </div>\r\n <span>\r\n <img\r\n class=\"cats-arrow-icon\"\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 class=\"cats-arrow-icon\"\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=\"cats-dropdown-list\"\r\n id=\"container_scroll\"\r\n (scroll)=\"onDivScroll($event)\"\r\n >\r\n @if (singleSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img src=\"images/search.svg\" class=\"cats-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]=\"\r\n singleSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n @if (searchText) {\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (isObjEmpty(this.optionList[0] || \"\")) {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 cats-item\">No Data Found.</li>\r\n }\r\n } @else {\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-item\"\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 <!-- COLOR BADGE -->\r\n @if (singleSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[singleSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (singleSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[singleSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\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 cats-item\">No Data Found.</li>\r\n }\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-single-select-dropdown.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-single-select-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:calc(100% - 2rem / var(--scale));height:\"\"}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-single-select-dropdown .cats-left-details .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-single-select-dropdown .cats-arrow-icon{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-single-select-dropdown.disable-input .predefine-label,.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-left-details .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-single-select-dropdown.disable-input .cats-arrow-icon{opacity:.2}.cats-main-wrapper .cats-single-select-dropdown.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted);color:var(--text-body-primary)}.cats-main-wrapper .cats-single-select-dropdown.selected-disable::selection{background-color:transparent}.cats-main-wrapper .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown .predefine-label .prefix-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-single-select-dropdown.danger_outline{border:calc(.0833333333rem / var(--scale)) solid var(--semantics-error-default)}.cats-main-wrapper .cats-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(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{max-height:calc(23.6666666667rem / var(--scale));overflow:auto;list-style-type:none;padding:calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper:has(.no_data) li:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item{height:calc(3.3333333333rem / var(--scale));padding:calc(1.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-item .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / 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:start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-icon,.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{color:var(--text-body-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer}\n"] }]
625
625
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { optionList: [{
626
626
  type: Input
627
627
  }], singleSelectConfig: [{
@@ -875,14 +875,14 @@ class MultiSelectComponent {
875
875
  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: [
876
876
  MULTI_SELECT_CONTROL_VALUE_ACCESSOR,
877
877
  MULTI_SELECT_CONTROL_VALUE_VALIDATOR,
878
- ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-main-wrapper\">\r\n <div\r\n class=\"cats-display-div\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n control?.touched &&\r\n control?.dirty &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOptions && disabledControl,\r\n 'selected-disable': selectedOptions && disabledControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (multiSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"textTruncate predefine-label-text\">\r\n {{ multiSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n <div class=\"multi-label-wrapper\">\r\n @if (selectedOptions.length > 0) {\r\n @for (item of selectedOptions; track $index) {\r\n @if (multiSelectConfig.chipLimit >= $index + 1) {\r\n <div class=\"cats-input-text\">\r\n <!-- SHOW ONLY WHEN SELECTED -->\r\n @if (item.isSelected) {\r\n <ng-container>\r\n <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n item[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span>\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"item[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n </ng-container>\r\n }\r\n\r\n <!-- TEXT -->\r\n <span class=\"textTruncate cats-span-text\">\r\n {{ item[multiSelectConfig.textField] }}\r\n </span>\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-circle.svg\"\r\n (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n />\r\n </div>\r\n }\r\n }\r\n } @else {\r\n <span class=\"placeholderColor textTruncate\">{{\r\n multiSelectConfig.placeholder\r\n }}</span>\r\n }\r\n @if (multiSelectConfig.chipLimit < selectedOptions.length) {\r\n <div class=\"cats-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=\"cats-dropdown-list\" id=\"container_scroll\">\r\n @if (multiSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img class=\"cats-search-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]=\"\r\n multiSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (multiSelectConfig.selectAll && optionList.length > 0) {\r\n <li class=\"cats-multiitem\" (click)=\"checkUncheckAll()\">\r\n <span class=\"cats-checkbox-container\">\r\n <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n @if (isSelectedAll) {\r\n UnSelectAll\r\n } @else {\r\n SelectAll\r\n }\r\n </span>\r\n </li>\r\n }\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-checkbox-container cats-multiitem\"\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 <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\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 cats-multiitem\">No Data Found.</li>\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%;height:calc(4rem / var(--scale));min-height:calc(4rem / var(--scale))}.cats-main-wrapper:has(#container_scroll) .cats-display-div{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-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(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-heading-primary);cursor:pointer}.cats-main-wrapper .cats-display-div .cats-left-details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more,.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{height:calc(2.3333333333rem / var(--scale));background-color:transparent;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));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;text-wrap:nowrap}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-span-text{max-width:calc(16.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));border-radius:50%;display:inline-block}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more{margin-right:auto;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-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-display-div .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .predefine-label .predefine-label-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .arrow-icon img{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-display-div.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .predefine-label,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more{border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .arrow-icon img{opacity:.2}.cats-main-wrapper .cats-display-div.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-display-div.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div:has(.cats-view-more) .arrow-icon{margin-left:calc(.8333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list{position:absolute;width:100%;z-index:10;background:var(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-img{opacity:.8;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-secondary)}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{list-style-type:none;padding:0;margin:calc(.6666666667rem / var(--scale)) 0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem{padding:calc(1.3333333333rem / var(--scale));height:calc(3.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.no-data:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}\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"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
878
+ ], usesOnChanges: true, ngImport: i0, template: "<div class=\"cats-main-wrapper\">\r\n <div\r\n class=\"cats-display-div\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n control?.touched &&\r\n control?.dirty &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOptions && disabledControl,\r\n 'selected-disable': selectedOptions && disabledControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (multiSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"textTruncate predefine-label-text\">\r\n {{ multiSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n <div class=\"multi-label-wrapper\">\r\n @if (selectedOptions.length > 0) {\r\n @for (item of selectedOptions; track $index) {\r\n @if (multiSelectConfig.chipLimit >= $index + 1) {\r\n <div class=\"cats-input-text\">\r\n <!-- SHOW ONLY WHEN SELECTED -->\r\n @if (item.isSelected) {\r\n <ng-container>\r\n <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n item[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span>\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"item[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n </ng-container>\r\n }\r\n\r\n <!-- TEXT -->\r\n <span class=\"textTruncate cats-span-text\">\r\n {{ item[multiSelectConfig.textField] }}\r\n </span>\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-circle.svg\"\r\n (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n />\r\n </div>\r\n }\r\n }\r\n } @else {\r\n <span class=\"placeholderColor textTruncate\">{{\r\n multiSelectConfig.placeholder\r\n }}</span>\r\n }\r\n @if (multiSelectConfig.chipLimit < selectedOptions.length) {\r\n <div class=\"cats-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=\"cats-dropdown-list\" id=\"container_scroll\">\r\n @if (multiSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img class=\"cats-search-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]=\"\r\n multiSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n @if (searchText) {\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (multiSelectConfig.selectAll && optionList.length > 0) {\r\n <li class=\"cats-multiitem\" (click)=\"checkUncheckAll()\">\r\n <span class=\"cats-checkbox-container\">\r\n <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n @if (isSelectedAll) {\r\n UnSelectAll\r\n } @else {\r\n SelectAll\r\n }\r\n </span>\r\n </li>\r\n }\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-checkbox-container cats-multiitem\"\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 <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\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 cats-multiitem\">No Data Found.</li>\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%;height:calc(4rem / var(--scale));min-height:calc(4rem / var(--scale))}.cats-main-wrapper:has(#container_scroll) .cats-display-div{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-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(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-heading-primary);cursor:pointer}.cats-main-wrapper .cats-display-div .cats-left-details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more,.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{height:calc(2.3333333333rem / var(--scale));background-color:transparent;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));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;text-wrap:nowrap}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-span-text{max-width:calc(16.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));border-radius:50%;display:inline-block}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more{margin-right:auto;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-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-display-div .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .predefine-label .predefine-label-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .arrow-icon img{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-display-div.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .predefine-label,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more{border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .arrow-icon img{opacity:.2}.cats-main-wrapper .cats-display-div.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-display-div.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div:has(.cats-view-more) .arrow-icon{margin-left:calc(.8333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list{position:absolute;width:100%;z-index:10;background:var(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-img{opacity:.8;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-secondary)}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{list-style-type:none;padding:0;margin:calc(.6666666667rem / var(--scale)) 0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem{padding:calc(1.3333333333rem / var(--scale));height:calc(3.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.no-data:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}\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"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
879
879
  }
880
880
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: MultiSelectComponent, decorators: [{
881
881
  type: Component,
882
882
  args: [{ selector: 'cats-ui-multi-select', imports: [NgClass, FormsModule, NgStyle], providers: [
883
883
  MULTI_SELECT_CONTROL_VALUE_ACCESSOR,
884
884
  MULTI_SELECT_CONTROL_VALUE_VALIDATOR,
885
- ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"cats-main-wrapper\">\r\n <div\r\n class=\"cats-display-div\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n control?.touched &&\r\n control?.dirty &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOptions && disabledControl,\r\n 'selected-disable': selectedOptions && disabledControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (multiSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"textTruncate predefine-label-text\">\r\n {{ multiSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n <div class=\"multi-label-wrapper\">\r\n @if (selectedOptions.length > 0) {\r\n @for (item of selectedOptions; track $index) {\r\n @if (multiSelectConfig.chipLimit >= $index + 1) {\r\n <div class=\"cats-input-text\">\r\n <!-- SHOW ONLY WHEN SELECTED -->\r\n @if (item.isSelected) {\r\n <ng-container>\r\n <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n item[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span>\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"item[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n </ng-container>\r\n }\r\n\r\n <!-- TEXT -->\r\n <span class=\"textTruncate cats-span-text\">\r\n {{ item[multiSelectConfig.textField] }}\r\n </span>\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-circle.svg\"\r\n (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n />\r\n </div>\r\n }\r\n }\r\n } @else {\r\n <span class=\"placeholderColor textTruncate\">{{\r\n multiSelectConfig.placeholder\r\n }}</span>\r\n }\r\n @if (multiSelectConfig.chipLimit < selectedOptions.length) {\r\n <div class=\"cats-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=\"cats-dropdown-list\" id=\"container_scroll\">\r\n @if (multiSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img class=\"cats-search-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]=\"\r\n multiSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (multiSelectConfig.selectAll && optionList.length > 0) {\r\n <li class=\"cats-multiitem\" (click)=\"checkUncheckAll()\">\r\n <span class=\"cats-checkbox-container\">\r\n <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n @if (isSelectedAll) {\r\n UnSelectAll\r\n } @else {\r\n SelectAll\r\n }\r\n </span>\r\n </li>\r\n }\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-checkbox-container cats-multiitem\"\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 <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\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 cats-multiitem\">No Data Found.</li>\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%;height:calc(4rem / var(--scale));min-height:calc(4rem / var(--scale))}.cats-main-wrapper:has(#container_scroll) .cats-display-div{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-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(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-heading-primary);cursor:pointer}.cats-main-wrapper .cats-display-div .cats-left-details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more,.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{height:calc(2.3333333333rem / var(--scale));background-color:transparent;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));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;text-wrap:nowrap}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-span-text{max-width:calc(16.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));border-radius:50%;display:inline-block}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more{margin-right:auto;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-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-display-div .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .predefine-label .predefine-label-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .arrow-icon img{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-display-div.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .predefine-label,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more{border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .arrow-icon img{opacity:.2}.cats-main-wrapper .cats-display-div.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-display-div.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div:has(.cats-view-more) .arrow-icon{margin-left:calc(.8333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list{position:absolute;width:100%;z-index:10;background:var(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-img{opacity:.8;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-secondary)}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{list-style-type:none;padding:0;margin:calc(.6666666667rem / var(--scale)) 0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem{padding:calc(1.3333333333rem / var(--scale));height:calc(3.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.no-data:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}\n"] }]
885
+ ], changeDetection: ChangeDetectionStrategy.OnPush, host: { tabindex: '0' }, template: "<div class=\"cats-main-wrapper\">\r\n <div\r\n class=\"cats-display-div\"\r\n (click)=\"toggleDropdown()\"\r\n [ngClass]=\"{\r\n invalid:\r\n control?.touched &&\r\n control?.dirty &&\r\n control?.invalid &&\r\n control?.errors,\r\n 'disable-input': !selectedOptions && disabledControl,\r\n 'selected-disable': selectedOptions && disabledControl,\r\n }\"\r\n >\r\n <div class=\"cats-left-details\">\r\n @if (multiSelectConfig.prefixLabel) {\r\n <span class=\"predefine-label\">\r\n <p class=\"textTruncate predefine-label-text\">\r\n {{ multiSelectConfig.prefixLabel }}\r\n </p>\r\n </span>\r\n }\r\n <div class=\"multi-label-wrapper\">\r\n @if (selectedOptions.length > 0) {\r\n @for (item of selectedOptions; track $index) {\r\n @if (multiSelectConfig.chipLimit >= $index + 1) {\r\n <div class=\"cats-input-text\">\r\n <!-- SHOW ONLY WHEN SELECTED -->\r\n @if (item.isSelected) {\r\n <ng-container>\r\n <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color':\r\n item[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span>\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"item[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\r\n </ng-container>\r\n }\r\n\r\n <!-- TEXT -->\r\n <span class=\"textTruncate cats-span-text\">\r\n {{ item[multiSelectConfig.textField] }}\r\n </span>\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-circle.svg\"\r\n (click)=\"$event.stopPropagation(); updateSelectedOption(item)\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n />\r\n </div>\r\n }\r\n }\r\n } @else {\r\n <span class=\"placeholderColor textTruncate\">{{\r\n multiSelectConfig.placeholder\r\n }}</span>\r\n }\r\n @if (multiSelectConfig.chipLimit < selectedOptions.length) {\r\n <div class=\"cats-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=\"cats-dropdown-list\" id=\"container_scroll\">\r\n @if (multiSelectConfig.enableSearch) {\r\n <div class=\"cats-search-bar\">\r\n <div class=\"cats-input-box\">\r\n <img class=\"cats-search-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]=\"\r\n multiSelectConfig.searchPlaceholder || 'Search here'\r\n \"\r\n [(ngModel)]=\"searchText\"\r\n />\r\n @if (searchText) {\r\n <img\r\n src=\"images/x.svg\"\r\n class=\"cats-cross-icon\"\r\n alt=\"\"\r\n (click)=\"searchText = ''\"\r\n />\r\n }\r\n </div>\r\n </div>\r\n }\r\n <ul class=\"cats-dropdown-list-wrapper\">\r\n @if (multiSelectConfig.selectAll && optionList.length > 0) {\r\n <li class=\"cats-multiitem\" (click)=\"checkUncheckAll()\">\r\n <span class=\"cats-checkbox-container\">\r\n <input type=\"checkbox\" [checked]=\"isSelectedAll\" />\r\n @if (isSelectedAll) {\r\n UnSelectAll\r\n } @else {\r\n SelectAll\r\n }\r\n </span>\r\n </li>\r\n }\r\n @for (option of filteredOptionsValue; track $index) {\r\n <li\r\n class=\"cats-checkbox-container cats-multiitem\"\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 <!-- COLOR BADGE -->\r\n @if (multiSelectConfig.colorField) {\r\n <span\r\n class=\"cats-color-badge\"\r\n [ngStyle]=\"{\r\n 'background-color': option[multiSelectConfig.colorField],\r\n }\"\r\n ></span>\r\n }\r\n\r\n <!-- ICON -->\r\n @if (multiSelectConfig.iconField) {\r\n <span class=\"cats-icon-wrapper\">\r\n <img\r\n class=\"cats-option-icon\"\r\n [src]=\"option[multiSelectConfig.iconField]\"\r\n alt=\"icon\"\r\n />\r\n </span>\r\n }\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 cats-multiitem\">No Data Found.</li>\r\n }\r\n </ul>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-main-wrapper{position:relative;width:100%;height:calc(4rem / var(--scale));min-height:calc(4rem / var(--scale))}.cats-main-wrapper:has(#container_scroll) .cats-display-div{border-color:var(--border-interaction-focus)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.disable-input{border-color:var(--border-core-muted)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.invalid{border-color:var(--semantics-error-default)}.cats-main-wrapper:has(#container_scroll) .cats-display-div.selected-disable{border-color:var(--border-core-muted)}.cats-main-wrapper .cats-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(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-canvas);color:var(--text-heading-primary);cursor:pointer}.cats-main-wrapper .cats-display-div .cats-left-details{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more,.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{height:calc(2.3333333333rem / var(--scale));background-color:transparent;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));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;text-wrap:nowrap}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-span-text{max-width:calc(16.6666666667rem / var(--scale));font-weight:400}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));border-radius:50%;display:inline-block}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-input-text .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}.cats-main-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .cats-view-more{margin-right:auto;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-wrapper .cats-display-div .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-secondary)}.cats-main-wrapper .cats-display-div .cats-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(3.8333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;background-color:var(--surface-background-subtle);color:var(--text-body-primary);border-top-left-radius:calc(.5833333333rem / var(--scale));border-bottom-left-radius:calc(.5833333333rem / var(--scale));margin:0 calc(1rem / var(--scale)) 0 calc(-1rem / var(--scale))}.cats-main-wrapper .cats-display-div .cats-left-details .predefine-label .predefine-label-text{margin-bottom:0;max-width:calc(12.0833333333rem / var(--scale))}.cats-main-wrapper .cats-display-div .arrow-icon img{max-width:calc(2rem / var(--scale))}.cats-main-wrapper .cats-display-div.disable-input{pointer-events:none;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div.disable-input::selection{background-color:transparent}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .predefine-label,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .placeholderColor{color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more{border-color:var(--border-core-muted);color:var(--text-body-muted)}.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-input-text .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .cats-left-details .multi-label-wrapper .cats-view-more .cats-cross-icon,.cats-main-wrapper .cats-display-div.disable-input .arrow-icon img{opacity:.2}.cats-main-wrapper .cats-display-div.invalid{border-color:var(--semantics-error-default);background-color:var(--surface-contextual-red)}.cats-main-wrapper .cats-display-div.selected-disable{pointer-events:none;background-color:var(--surface-background-default);color:var(--text-body-primary);border-color:var(--border-core-muted)}.cats-main-wrapper .cats-display-div:has(.cats-view-more) .arrow-icon{margin-left:calc(.8333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list{position:absolute;width:100%;z-index:10;background:var(--surface-background-canvas);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.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar{position:relative;padding:calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) 0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box{width:100%;height:calc(2.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.5rem / var(--scale)) calc(.6666666667rem / var(--scale));overflow:hidden}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-search-img{opacity:.8;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box{flex-grow:1;border:none;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-primary);padding:0;min-width:0}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .filter-search-box::placeholder{font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-secondary)}.cats-main-wrapper .cats-dropdown-list .cats-search-bar .cats-input-box .cats-cross-icon{cursor:pointer;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.8}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper{list-style-type:none;padding:0;margin:calc(.6666666667rem / var(--scale)) 0;max-height:calc(23.4166666667rem / var(--scale));overflow:auto}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem{padding:calc(1.3333333333rem / var(--scale));height:calc(3.3333333333rem / var(--scale));cursor:pointer;margin:0}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.no-data:hover{background-color:unset;cursor:default}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem:hover{background-color:var(--surface-background-blue)}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-color-badge{width:calc(.6666666667rem / var(--scale));height:calc(.6666666667rem / var(--scale));display:inline-block;border-radius:50%}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-icon-wrapper{display:inline-flex;align-items:center}.cats-main-wrapper .cats-dropdown-list .cats-dropdown-list-wrapper .cats-multiitem .cats-option-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));object-fit:contain}\n"] }]
886
886
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { optionList: [{
887
887
  type: Input
888
888
  }], multiSelectConfig: [{
@@ -3119,14 +3119,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
3119
3119
  }] } });
3120
3120
 
3121
3121
  class AccordionComponent {
3122
+ closeOthers = true;
3122
3123
  openedIndex = null;
3124
+ openedIndexes = new Set();
3123
3125
  /**
3124
3126
  * @description Toggles accordion component
3125
3127
  * @author Shiva Kant
3126
3128
  * @param index
3127
3129
  */
3128
3130
  toggle(index) {
3129
- this.openedIndex = this.openedIndex === index ? null : index;
3131
+ if (this.closeOthers) {
3132
+ this.openedIndex = this.openedIndex === index ? null : index;
3133
+ return;
3134
+ }
3135
+ if (this.openedIndexes.has(index)) {
3136
+ this.openedIndexes.delete(index);
3137
+ }
3138
+ else {
3139
+ this.openedIndexes.add(index);
3140
+ }
3130
3141
  }
3131
3142
  /**
3132
3143
  * @description Determines whether open is
@@ -3135,15 +3146,19 @@ class AccordionComponent {
3135
3146
  * @returns true if open
3136
3147
  */
3137
3148
  isOpen(index) {
3138
- return this.openedIndex === index;
3149
+ return this.closeOthers
3150
+ ? this.openedIndex === index
3151
+ : this.openedIndexes.has(index);
3139
3152
  }
3140
3153
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3141
- 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{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] });
3154
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: AccordionComponent, isStandalone: true, selector: "cats-ui-accordion", inputs: { closeOthers: "closeOthers" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <ng-content></ng-content> <!-- Will contain AccordionItem components -->\r\n</div>\r\n", styles: [":root{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] });
3142
3155
  }
3143
3156
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AccordionComponent, decorators: [{
3144
3157
  type: Component,
3145
3158
  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{--blue-100: #eaf3fd;--box-shadow: #0a0d1208;--box-shadow-200: #0a0d1214;--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--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.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:calc(1.0833333333rem / var(--scale)) calc(1.25rem / var(--scale));height:calc(4rem / var(--scale));min-width:calc(9rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer;transition:all .5s ease}button.cats-btn.only-icon{min-width:calc(4rem / var(--scale));padding:calc(.9166666667rem / var(--scale))}button.cats-btn img.btn-icon{width:calc(2rem / var(--scale));height:calc(2rem / var(--scale))}button.cats-btn.small{height:calc(2.6666666667rem / var(--scale));padding:calc(.4166666667rem / var(--scale)) calc(1.25rem / var(--scale));border-radius:calc(.3333333333rem / var(--scale))}button.cats-btn.small img.btn-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}button.cats-btn.primary-btn{background-color:var(--surface-action-default);color:var(--surface-background-canvas);border-color:var(--border-interaction-focus)}button.cats-btn.primary-btn:hover{background-color:var(--surface-action-hover);border-color:var(--surface-action-hover)}button.cats-btn.primary-btn:focus-visible,button.cats-btn.primary-btn:focus,button.cats-btn.primary-btn:focus-within{outline:calc(.1666666667rem / var(--scale)) solid var(--text-link-muted);border:0}button.cats-btn.secondary-btn{background-color:var(--surface-background-canvas);color:var(--text-body-primary);border-color:var(--border-core-strong)}button.cats-btn.secondary-btn:hover{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.secondary-btn:focus-visible,button.cats-btn.secondary-btn:focus,button.cats-btn.secondary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--border-core-muted);outline:0;border-color:var(--border-core-strong)}button.cats-btn.tertiary-btn{background-color:var(--surface-background-blue);border-color:var(--border-interaction-focus);color:var(--text-link-default)}button.cats-btn.tertiary-btn:hover{background-color:var(--blue-100)}button.cats-btn.tertiary-btn:focus-visible,button.cats-btn.tertiary-btn:focus,button.cats-btn.tertiary-btn:focus-within{box-shadow:0 0 0 calc(.1666666667rem / var(--scale)) var(--text-link-muted);outline:0;border-color:var(--border-interaction-focus)}button.cats-btn.link-btn{background-color:var(--surface-background-canvas);color:var(--text-link-default)}button.cats-btn.link-btn:hover{color:var(--text-link-hover)}button.cats-btn.link-btn:focus-visible,button.cats-btn.link-btn:focus,button.cats-btn.link-btn:focus-within{outline:0;border-color:0;background-color:var(--surface-background-blue)}button.cats-btn.link-btn.disable,button.cats-btn.link-btn:disabled{pointer-events:none;background:var(--surface-background-canvas);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid transparent}button.cats-btn.disable,button.cats-btn:disabled{pointer-events:none;background:var(--surface-background-default);color:var(--text-body-muted);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong)}button.cats-btn.disable img.btn-icon,button.cats-btn:disabled img.btn-icon{opacity:.2}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-body-primary);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(--surface-background-canvas);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(--border-core-muted);border-top:0;border-left:0}.cats-badge-wrapper{width:fit-content;height:auto;max-width:calc(20.8333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary);padding:calc(.25rem / var(--scale)) calc(.5833333333rem / var(--scale));transition:all ease .15s}.cats-badge-wrapper.green{border-color:var(--border-semantics-green);background-color:var(--surface-contextual-green);color:var(--semantics-success-strong)}.cats-badge-wrapper.yellow{border-color:var(--border-semantics-yellow);background-color:var(--surface-contextual-yellow);color:var(--semantics-warning-strong)}.cats-badge-wrapper.red{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-contextual-red);color:var(--semantics-error-strong)}.cats-badge-wrapper.blue{border-color:var(--text-link-muted);background-color:var(--blue-100);color:var(--text-link-hover)}.cats-badge-wrapper.strong-grey{border-color:var(--border-core-default);background-color:var(--surface-background-default);color:var(--text-body-primary)}.cats-badge-wrapper.orange{border-color:var(--border-decorative-orange);background-color:var(--surface-decorative-orange);color:var(--accent-orange-strong)}.cats-badge-wrapper.purple{border-color:var(--border-decorative-purple);background-color:var(--surface-decorative-purple);color:var(--accent-purple-strong)}.cats-badge-wrapper.teal{border-color:var(--border-decorative-teal);background-color:var(--surface-decorative-teal);color:var(--accent-teal-strong)}.cats-badge-wrapper.amber-brown{border-color:var(--border-decorative-amber-brown);background-color:var(--surface-decorative-amber-brown);color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.sage-green{border-color:var(--border-decorative-sage-green);background-color:var(--surface-decorative-sage-green);color:var(--accent-sage-green-dark)}.cats-badge-wrapper.muted{border-color:var(--border-core-muted);background-color:var(--surface-background-default);color:var(--text-body-muted)}.cats-badge-wrapper.small{font-size:var(--fs-12);line-height:calc(1.5rem / var(--scale));font-weight:400;padding:calc(.1666666667rem / var(--scale)) calc(.5833333333rem / var(--scale))}.cats-badge-wrapper.cats-rounded{border-radius:calc(3rem / var(--scale))}.cats-badge-wrapper.filled{border-color:transparent;color:var(--text-body-inversed);background-color:var(--text-heading-secondary)}.cats-badge-wrapper.filled.green{background-color:var(--semantics-success-default)}.cats-badge-wrapper.filled.yellow{background-color:var(--semantics-warning-strong)}.cats-badge-wrapper.filled.red{background-color:var(--semantics-error-strong)}.cats-badge-wrapper.filled.blue{background-color:var(--surface-action-default)}.cats-badge-wrapper.filled.strong-grey{background-color:var(--text-body-muted)}.cats-badge-wrapper.filled.orange{background-color:var(--accent-orange-strong)}.cats-badge-wrapper.filled.purple{background-color:var(--accent-purple-strong)}.cats-badge-wrapper.filled.teal{background-color:var(--accent-teal-strong)}.cats-badge-wrapper.filled.amber-brown{background-color:var(--accent-amber-brown-strong)}.cats-badge-wrapper.filled.sage-green{background-color:var(--accent-sage-green-dark)}.cats-badge-wrapper.filled.muted{background-color:var(--surface-background-default);color:var(--text-body-muted)}.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{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(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=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-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--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-10: calc(10px / 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-10: calc(10px / 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-10: calc(10px / 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(--border-core-default);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.accordion{width:100%;margin:0 auto}\n"] }]
3146
- }] });
3159
+ }], propDecorators: { closeOthers: [{
3160
+ type: Input
3161
+ }] } });
3147
3162
 
3148
3163
  class AccordionItemComponent {
3149
3164
  accordion;
@@ -4444,10 +4459,14 @@ class SidebarComponent {
4444
4459
  return !this.hasFeatures(module);
4445
4460
  }
4446
4461
  ngOnChanges(_changes) {
4462
+ console.log('check ssidee');
4447
4463
  if (_changes['activeItem']?.currentValue && this.activeItem) {
4448
- if (this.activeItem.featureIndex === undefined ||
4464
+ const module = this.appMenus[this.activeItem.moduleIndex];
4465
+ if (!module ||
4466
+ this.isModuleOnly(module) ||
4467
+ this.activeItem.featureIndex === undefined ||
4449
4468
  this.activeItem.featureIndex < 0) {
4450
- this.selectModule(this.activeItem.moduleIndex, false);
4469
+ this.selectModule(this.activeItem.moduleIndex, false, this.activeItem);
4451
4470
  return;
4452
4471
  }
4453
4472
  this.isActiveItem(this.activeItem.moduleIndex, this.activeItem.featureIndex, this.activeItem.attrIndex);
@@ -4458,8 +4477,10 @@ class SidebarComponent {
4458
4477
  ngOnInit() {
4459
4478
  if (!this.appMenus?.length)
4460
4479
  return;
4461
- const moduleIndex = 0;
4480
+ const moduleIndex = this.activeItem?.moduleIndex ?? 0;
4462
4481
  const firstModule = this.appMenus[moduleIndex];
4482
+ if (!firstModule)
4483
+ return;
4463
4484
  if (!firstModule?.features?.length) {
4464
4485
  if (!this.activeItem) {
4465
4486
  this.activeItem = {
@@ -4468,16 +4489,19 @@ class SidebarComponent {
4468
4489
  attrIndex: -1,
4469
4490
  };
4470
4491
  }
4471
- this.activeSidebar.emit({
4472
- module: firstModule,
4473
- feature: null,
4474
- attribute: null,
4475
- activeItem: this.activeItem,
4476
- });
4492
+ this.selectModule(moduleIndex, false, this.activeItem);
4477
4493
  return;
4478
4494
  }
4479
- const featureIndex = 0;
4495
+ const featureIndex = this.activeItem?.featureIndex ?? 0;
4480
4496
  const firstFeature = firstModule.features[featureIndex];
4497
+ if (!firstFeature) {
4498
+ this.selectModule(moduleIndex, false, {
4499
+ moduleIndex,
4500
+ featureIndex: -1,
4501
+ attrIndex: -1,
4502
+ });
4503
+ return;
4504
+ }
4481
4505
  // CASE 1: Feature has attributes → activate first attribute
4482
4506
  if (this.isExpandable(firstFeature)) {
4483
4507
  if (!this.activeItem) {
@@ -4552,11 +4576,11 @@ class SidebarComponent {
4552
4576
  isModuleExpanded(moduleIndex) {
4553
4577
  return this.expandedModules.has(moduleIndex);
4554
4578
  }
4555
- selectModule(moduleIndex, navigate) {
4579
+ selectModule(moduleIndex, navigate, activeItem) {
4556
4580
  const module = this.appMenus[moduleIndex];
4557
4581
  if (!module)
4558
4582
  return;
4559
- this.activeItem = {
4583
+ this.activeItem = activeItem ?? {
4560
4584
  moduleIndex,
4561
4585
  featureIndex: -1,
4562
4586
  attrIndex: -1,