cats-ui-lib 2.0.14 → 2.0.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 (18) hide show
  1. package/assets/images/building-07.svg +3 -0
  2. package/assets/images/chevron-down-white.svg +3 -0
  3. package/assets/images/chevron-right-blue.svg +3 -0
  4. package/assets/images/chevron-right-red.svg +3 -0
  5. package/assets/images/clock-refresh.svg +3 -0
  6. package/assets/images/file-check-02.svg +3 -0
  7. package/assets/images/key-01.svg +3 -0
  8. package/assets/images/log-out-04.svg +3 -0
  9. package/assets/images/message-smile-square.svg +3 -0
  10. package/assets/images/settings-04.svg +3 -0
  11. package/assets/images/spanish-flag.svg +72 -0
  12. package/assets/images/star-yellow.svg +3 -0
  13. package/assets/images/user-image.svg +9 -0
  14. package/assets/images/users-01.svg +3 -0
  15. package/fesm2022/cats-ui-lib.mjs +155 -7
  16. package/fesm2022/cats-ui-lib.mjs.map +1 -1
  17. package/index.d.ts +70 -4
  18. package/package.json +1 -1
package/fesm2022/cats-ui-lib.mjs CHANGED
@@ -1,10 +1,12 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, EventEmitter, forwardRef, Output, Input, Component, HostListener, ContentChild, ChangeDetectionStrategy, Directive, TemplateRef, Inject, ContentChildren, signal, computed, effect } from '@angular/core';
2
+ import { Injectable, EventEmitter, forwardRef, Output, Input, Component, HostListener, ContentChild, ChangeDetectionStrategy, Directive, TemplateRef, Inject, ContentChildren, signal, computed, effect, ViewContainerRef, ViewChild, createComponent } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import { CommonModule, NgClass, NgStyle } from '@angular/common';
5
5
  import * as i2 from '@angular/forms';
6
6
  import { Validators, FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormControl, ReactiveFormsModule } from '@angular/forms';
7
7
  import * as i1$1 from '@angular/platform-browser';
8
+ import * as i1$2 from '@angular/router';
9
+ import { Subject } from 'rxjs';
8
10
 
9
11
  class CatsUiService {
10
12
  constructor() { }
@@ -395,6 +397,7 @@ class SingleSelectComponent {
395
397
  this.selectedOption == '' ||
396
398
  JSON.stringify(this.selectedOption) == '{}';
397
399
  }
400
+ this.searchText = '';
398
401
  if (this.showDropdown)
399
402
  this.onTouchedCallback();
400
403
  this.showDropdown = false;
@@ -656,6 +659,7 @@ class MultiSelectComponent {
656
659
  if (this.showDropdown && this.multiSelectConfig.required) {
657
660
  this.inValid = this.selectedOptions.length < 0;
658
661
  }
662
+ this.searchText = '';
659
663
  this.showDropdown = false;
660
664
  }
661
665
  }
@@ -1708,7 +1712,7 @@ class RadioButtonComponent {
1708
1712
  useExisting: forwardRef(() => RadioButtonComponent),
1709
1713
  multi: true,
1710
1714
  },
1711
- ], usesOnChanges: true, ngImport: i0, template: "<div class=\"radio-group\" [ngClass]=\"config.layout\">\r\n @if (config.label) {\r\n <div class=\"group-label\">{{ config.label }}</div>\r\n }\r\n\r\n <div class=\"radio-option-container\">\r\n @for (option of optionList; track $index) {\r\n <div class=\"radio-option\">\r\n <input\r\n type=\"radio\"\r\n [name]=\"config.name\"\r\n [id]=\"extractValue(option)\"\r\n [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n [value]=\"extractValue(option)\"\r\n [(ngModel)]=\"value\"\r\n (change)=\"handleChange(option)\"\r\n />\r\n <label [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio-group{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio-group.horizontal .radio-option-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio-group.horizontal .radio-option-container .radio-option{padding-right:calc(2.5rem / var(--scale))}.radio-group .group-label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio-group .radio-option-container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+label:before,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+label:before{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+label:after,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+label:after{width:calc(.625rem / var(--scale));height:calc(.625rem / var(--scale));top:50%;left:calc(.5rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+label,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+label{padding-left:calc(2.3333333333rem / var(--scale))}.radio-group .radio-option-container .radio-option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:auto;min-height:calc(2rem / var(--scale))}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+label:before{background-color:var(--surface-background-default);border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+label:before{border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+label:after{background-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:before,.radio-group .radio-option-container .radio-option [type=radio]:checked+label:before{content:\"\";position:absolute;top:50%;left:0;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));transform:translateY(-50%);background:var(----surface-background-canvas)}.radio-group .radio-option-container .radio-option [type=radio]:checked,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio-group .radio-option-container .radio-option [type=radio]:checked+label,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label{position:relative;padding-left:calc(2rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;min-width:auto}.radio-group .radio-option-container .radio-option [type=radio]:checked+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--icons-main-hover);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:checked+label:after,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:after{content:\"\";width:calc(.5rem / var(--scale));height:calc(.5rem / var(--scale));background:var(--icons-main-hover);position:absolute;top:50%;left:calc(.4166666667rem / var(--scale));transform:translateY(-50%);border-radius:100%;transition:all .2s ease}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0) translateY(-50%)}.radio-group .radio-option-container .radio-option [type=radio]:checked+label:after{opacity:1;transform:scale(1) translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
1715
+ ], usesOnChanges: true, ngImport: i0, template: "<div class=\"radio-group\" [ngClass]=\"config.layout\">\r\n @if (config.label) {\r\n <div class=\"group-label\">{{ config.label }}</div>\r\n }\r\n\r\n <div class=\"radio-option-container\">\r\n @for (option of optionList; track $index) {\r\n <div class=\"radio-option\">\r\n <input\r\n type=\"radio\"\r\n [name]=\"config.name\"\r\n [id]=\"extractValue(option)\"\r\n [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n [value]=\"extractValue(option)\"\r\n [(ngModel)]=\"value\"\r\n (change)=\"handleChange(option)\"\r\n />\r\n <label class=\"label\" [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio-group.horizontal .radio-option-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio-group.horizontal .radio-option-container .radio-option{padding-right:calc(2.5rem / var(--scale))}.radio-group .group-label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio-group .radio-option-container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+.label:before,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+.label:before{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+.label:after,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+.label:after{width:calc(.625rem / var(--scale));height:calc(.625rem / var(--scale));top:50%;left:calc(.5rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+.label,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+.label{padding-left:calc(2.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio-group .radio-option-container .radio-option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:auto;min-height:calc(2rem / var(--scale))}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+.label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+.label:before{background-color:var(--surface-background-default);border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+.label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+.label:before{border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+.label:after{background-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:before,.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:before{content:\"\";position:absolute;top:50%;left:0;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));transform:translateY(-50%);background:var(----surface-background-canvas)}.radio-group .radio-option-container .radio-option [type=radio]:checked,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label{position:relative;padding-left:calc(2rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;min-width:auto}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:before{border:calc(.0833333333rem / var(--scale)) solid var(--icons-main-hover);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:before{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:after,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:after{content:\"\";width:calc(.5rem / var(--scale));height:calc(.5rem / var(--scale));background:var(--icons-main-hover);position:absolute;top:50%;left:calc(.4166666667rem / var(--scale));transform:translateY(-50%);border-radius:100%;transition:all .2s ease}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:after{opacity:0;transform:scale(0) translateY(-50%)}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:after{opacity:1;transform:scale(1) translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
1712
1716
  }
1713
1717
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RadioButtonComponent, decorators: [{
1714
1718
  type: Component,
@@ -1718,7 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
1718
1722
  useExisting: forwardRef(() => RadioButtonComponent),
1719
1723
  multi: true,
1720
1724
  },
1721
- ], template: "<div class=\"radio-group\" [ngClass]=\"config.layout\">\r\n @if (config.label) {\r\n <div class=\"group-label\">{{ config.label }}</div>\r\n }\r\n\r\n <div class=\"radio-option-container\">\r\n @for (option of optionList; track $index) {\r\n <div class=\"radio-option\">\r\n <input\r\n type=\"radio\"\r\n [name]=\"config.name\"\r\n [id]=\"extractValue(option)\"\r\n [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n [value]=\"extractValue(option)\"\r\n [(ngModel)]=\"value\"\r\n (change)=\"handleChange(option)\"\r\n />\r\n <label [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio-group{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio-group.horizontal .radio-option-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio-group.horizontal .radio-option-container .radio-option{padding-right:calc(2.5rem / var(--scale))}.radio-group .group-label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio-group .radio-option-container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+label:before,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+label:before{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+label:after,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+label:after{width:calc(.625rem / var(--scale));height:calc(.625rem / var(--scale));top:50%;left:calc(.5rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+label,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+label{padding-left:calc(2.3333333333rem / var(--scale))}.radio-group .radio-option-container .radio-option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:auto;min-height:calc(2rem / var(--scale))}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+label:before{background-color:var(--surface-background-default);border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+label:before{border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+label:after{background-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:before,.radio-group .radio-option-container .radio-option [type=radio]:checked+label:before{content:\"\";position:absolute;top:50%;left:0;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));transform:translateY(-50%);background:var(----surface-background-canvas)}.radio-group .radio-option-container .radio-option [type=radio]:checked,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio-group .radio-option-container .radio-option [type=radio]:checked+label,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label{position:relative;padding-left:calc(2rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;min-width:auto}.radio-group .radio-option-container .radio-option [type=radio]:checked+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--icons-main-hover);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:before{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:checked+label:after,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:after{content:\"\";width:calc(.5rem / var(--scale));height:calc(.5rem / var(--scale));background:var(--icons-main-hover);position:absolute;top:50%;left:calc(.4166666667rem / var(--scale));transform:translateY(-50%);border-radius:100%;transition:all .2s ease}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+label:after{opacity:0;transform:scale(0) translateY(-50%)}.radio-group .radio-option-container .radio-option [type=radio]:checked+label:after{opacity:1;transform:scale(1) translateY(-50%)}\n"] }]
1725
+ ], template: "<div class=\"radio-group\" [ngClass]=\"config.layout\">\r\n @if (config.label) {\r\n <div class=\"group-label\">{{ config.label }}</div>\r\n }\r\n\r\n <div class=\"radio-option-container\">\r\n @for (option of optionList; track $index) {\r\n <div class=\"radio-option\">\r\n <input\r\n type=\"radio\"\r\n [name]=\"config.name\"\r\n [id]=\"extractValue(option)\"\r\n [disabled]=\"config.disabled ? option[config.disabled] : false\"\r\n [value]=\"extractValue(option)\"\r\n [(ngModel)]=\"value\"\r\n (change)=\"handleChange(option)\"\r\n />\r\n <label class=\"label\" [for]=\"extractValue(option)\">{{ extractLabel(option) }}</label>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.radio-group.horizontal .radio-option-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.radio-group.horizontal .radio-option-container .radio-option{padding-right:calc(2.5rem / var(--scale))}.radio-group .group-label{margin-bottom:calc(.6666666667rem / var(--scale));font-weight:500}.radio-group .radio-option-container{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:\"\"}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+.label:before,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+.label:before{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+.label:after,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+.label:after{width:calc(.625rem / var(--scale));height:calc(.625rem / var(--scale));top:50%;left:calc(.5rem / var(--scale))}.radio-group .radio-option-container.large .radio-option [type=radio]:checked+.label,.radio-group .radio-option-container.large .radio-option [type=radio]:not(:checked)+.label{padding-left:calc(2.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400}.radio-group .radio-option-container .radio-option{margin-bottom:calc(.6666666667rem / var(--scale));width:auto;height:auto;min-height:calc(2rem / var(--scale))}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+.label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)[disabled]+.label:before{background-color:var(--surface-background-default);border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+.label{color:var(--neutral-300);cursor:default}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+.label:before{border-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:is(:checked)[disabled]+.label:after{background-color:var(--border-core-default)}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:before,.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:before{content:\"\";position:absolute;top:50%;left:0;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));transform:translateY(-50%);background:var(----surface-background-canvas)}.radio-group .radio-option-container .radio-option [type=radio]:checked,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked){position:absolute;left:-9999px}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label{position:relative;padding-left:calc(2rem / var(--scale));cursor:pointer;display:inline-block;color:var(--default);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;min-width:auto}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:before{border:calc(.0833333333rem / var(--scale)) solid var(--icons-main-hover);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:before{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:100%}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:after,.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:after{content:\"\";width:calc(.5rem / var(--scale));height:calc(.5rem / var(--scale));background:var(--icons-main-hover);position:absolute;top:50%;left:calc(.4166666667rem / var(--scale));transform:translateY(-50%);border-radius:100%;transition:all .2s ease}.radio-group .radio-option-container .radio-option [type=radio]:not(:checked)+.label:after{opacity:0;transform:scale(0) translateY(-50%)}.radio-group .radio-option-container .radio-option [type=radio]:checked+.label:after{opacity:1;transform:scale(1) translateY(-50%)}\n"] }]
1722
1726
  }], propDecorators: { config: [{
1723
1727
  type: Input
1724
1728
  }], optionList: [{
@@ -3986,19 +3990,163 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
3986
3990
  }] } });
3987
3991
 
3988
3992
  class HeaderComponent {
3993
+ router;
3994
+ constructor(router) {
3995
+ this.router = router;
3996
+ }
3997
+ config;
3998
+ dropdownItems = [];
3989
3999
  menuOpen = false;
4000
+ dropdownOpen = false;
4001
+ selectedItem;
4002
+ ngOnInit() {
4003
+ if (this.dropdownItems.length) {
4004
+ this.selectedItem = this.dropdownItems[0];
4005
+ }
4006
+ }
4007
+ onSelect(item) {
4008
+ this.selectedItem = item;
4009
+ // if (item.route) {
4010
+ // this.router.navigate([item.route]);
4011
+ // }
4012
+ this.dropdownOpen = false;
4013
+ }
3990
4014
  toggleMenu() {
3991
4015
  this.menuOpen = !this.menuOpen;
3992
4016
  }
4017
+ toggleDropdown() {
4018
+ this.dropdownOpen = !this.dropdownOpen;
4019
+ }
3993
4020
  closeMenu() {
3994
4021
  this.menuOpen = false;
3995
4022
  }
3996
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3997
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: HeaderComponent, isStandalone: true, selector: "cats-ui-header", ngImport: i0, template: "<header class=\"app-header\">\r\n <!-- Left Section -->\r\n <div class=\"header-left\">\r\n <!-- <button class=\"app-launcher\" aria-label=\"App Launcher\">\r\n <span class=\"grid-icon\"></span>\r\n </button> -->\r\n <img src=\"images/Waffle.svg\" alt=\"\" />\r\n <img src=\"images/brand-Logo.svg\" alt=\"Brand Logo\" class=\"brand-logo\" />\r\n\r\n <img\r\n src=\"images/product-logo.svg\"\r\n alt=\"Product Logo\"\r\n class=\"product-logo\"\r\n />\r\n </div>\r\n\r\n <!-- Right Section -->\r\n <div class=\"header-right\">\r\n <img src=\"images/global-logo.svg\" alt=\"\" class=\"icon-btn global-icon\" />\r\n <img src=\"images/nodification.svg\" alt=\"\" class=\"icon-btn notification\" />\r\n\r\n <div class=\"dropdown control-panel\">\r\n <button class=\"dropdown-trigger\">Control Panel \u2304</button>\r\n </div>\r\n\r\n <button class=\"ai-agent-btn\">\u2B50 AI Agent</button>\r\n\r\n <div class=\"profile\">\r\n <img src=\"avatar.jpg\" alt=\"User\" />\r\n <div class=\"profile-info\">\r\n <span class=\"name\">Maximillian Th.</span>\r\n <span class=\"role\">Super Admin User</span>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n", styles: [".app-header{display:flex;justify-content:space-between;align-items:center;padding-right:16px;height:64px;background:#0b1220;color:#fff}.app-header .header-left,.app-header .header-right{display:flex;align-items:center;gap:16px}.app-header .dropdown .dropdown-trigger{height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;cursor:pointer;font-size:13px}.app-header .dropdown .dropdown-trigger:hover{background:#ffffff14}.app-header .ai-agent-btn{height:36px;padding:0 12px;border-radius:8px;background:#1f2937;color:#facc15;border:1px solid rgba(255,255,255,.2);font-size:13px;cursor:pointer}.app-header .ai-agent-btn:hover{background:#374151}.app-header .profile{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;cursor:pointer}.app-header .profile:hover{background:#ffffff14}.app-header .profile img{width:32px;height:32px;border-radius:50%}.app-header .profile .profile-info{display:flex;flex-direction:column}.app-header .profile .profile-info .name{font-size:13px;font-weight:500}.app-header .profile .profile-info .role{font-size:11px;color:#9ca3af}\n"] });
4023
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
4024
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: HeaderComponent, isStandalone: true, selector: "cats-ui-header", inputs: { config: "config", dropdownItems: "dropdownItems" }, ngImport: i0, template: "<header class=\"app-header\">\r\n <!-- Left Section -->\r\n <div class=\"header-left\">\r\n <!-- <button class=\"app-launcher\" aria-label=\"App Launcher\">\r\n <span class=\"grid-icon\"></span>\r\n </button> -->\r\n <img src=\"images/Waffle.svg\" alt=\"\" />\r\n <img src=\"images/brand-Logo.svg\" alt=\"Brand Logo\" class=\"brand-logo\" />\r\n\r\n <img\r\n src=\"images/product-logo.svg\"\r\n alt=\"Product Logo\"\r\n class=\"product-logo\"\r\n />\r\n </div>\r\n\r\n <!-- Right Section -->\r\n <div class=\"header-right\">\r\n <img src=\"images/global-logo.svg\" alt=\"\" class=\"icon-btn global-icon\" />\r\n <img src=\"images/nodification.svg\" alt=\"\" class=\"icon-btn notification\" />\r\n\r\n <div class=\"dropdown control-panel\">\r\n <div class=\"dropdown-trigger\">\r\n <span>Control Panel</span>\r\n <span>\r\n <img src=\"images/chevron-down-white.svg\" alt=\"\">\r\n </span>\r\n </div>\r\n\r\n <div class=\"dropdown-panel\">\r\n <ul>\r\n <li>Control Panel</li>\r\n <li>WorkStation</li>\r\n <li>ASdhjjnf</li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ai-agent\">\r\n <img src=\"images/star-yellow.svg\" alt=\"\">\r\n <span class=\"ai-agent-btn\"> AI Agent</span>\r\n\r\n </div>\r\n <div class=\"profile\">\r\n <div class=\"profile-wrapper\" (click)=\"toggleMenu()\">\r\n <img src=\"images/user-image.svg\" alt=\"User\" />\r\n <div class=\"profile-info\">\r\n <span class=\"name textTruncate\">Maximillian Thomas Broadwater</span>\r\n <span class=\"role textTruncate\">Super Admin User</span>\r\n </div>\r\n </div>\r\n\r\n @if (menuOpen) {\r\n <div class=\"loggedin-profile-list\">\r\n <!-- profile start -->\r\n\r\n <div class=\"profile-box\">\r\n <div class=\"for-edit-icon\">\r\n <img\r\n src=\"images/user-image.svg\"\r\n class=\"profile-img\"\r\n />\r\n <img src=\"images/edit.svg\" alt=\"edit\" class=\"on-hover\" />\r\n </div>\r\n\r\n <div>\r\n <div class=\"profile-heading textTruncate\">John Doe</div>\r\n <div class=\"profile-txt textTruncate\">Admin</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"switch-box\">\r\n <div class=\"switch-role \">\r\n <img src=\"images/users-01.svg\" class=\"edit-img\" />\r\n <div class=\"switch-txt\">Switch Role</div>\r\n\r\n <!-- drop down -->\r\n <div class=\"switching-role-dropdown\">\r\n <div class=\"text-title\">Switch Role</div>\r\n\r\n <div class=\"item-list active\">\r\n <input class=\"radio-input\" checked type=\"radio\" name=\"tracking\" />\r\n <span class=\"text\">Admin</span>\r\n </div>\r\n\r\n <div class=\"item-list\">\r\n <input class=\"radio-input\" type=\"radio\" name=\"tracking\" />\r\n <span class=\"text\">User</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"right-side-arrow\">\r\n <img src=\"images/chevron-right-blue.svg\" alt=\"chevron-right\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"switch-box\">\r\n <div class=\"switch-role \">\r\n <img src=\"images/building-07.svg\" class=\"edit-img\" />\r\n <div class=\"switch-txt\">Switch Environment</div>\r\n </div>\r\n\r\n <div class=\"right-side-arrow\">\r\n <img src=\"images/chevron-right-blue.svg\" alt=\"chevron-right\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">Identity & Access</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img class=\"fix-img-size\" src=\"images/user.svg\" alt=\"user\" />\r\n <div class=\"txt-align\">My Profile</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/key-01.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Change Password</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">Account & Preferences</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/shield.svg\" alt=\"bell\" />\r\n <div class=\"txt-align\">Account & Security</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box preference-dropdown-txt \">\r\n <div class=\"fix-space \">\r\n <img src=\"images/settings-04.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Preference</div>\r\n\r\n <!-- dropdown -->\r\n <div class=\"preference-section\">\r\n <div class=\"preference-dropdown\">\r\n <!-- Language -->\r\n <div class=\"language-dropdown\">\r\n <div class=\"preference-dropdown-item\">\r\n <div class=\"text\">Languages</div>\r\n <img src=\"images/chevron-right.svg\" alt=\"chevron-right\" />\r\n </div>\r\n\r\n <div class=\"language-section-wrapper\">\r\n <div class=\"language-heading\">\r\n <span>Change Language</span>\r\n </div>\r\n <div class=\"input-search-wrapper\">\r\n <div class=\"input-search\">\r\n <img src=\"images/search.svg\" alt=\"\">\r\n <input type=\"text\" placeholder=\"Enter or Search\">\r\n </div>\r\n </div>\r\n <div class=\"language-section\">\r\n <div class=\"language-item\">\r\n <img src=\"images/spanish-flag.svg\" alt=\"\">\r\n <span>English</span>\r\n </div>\r\n <div class=\"language-item\">\r\n <img src=\"images/spanish-flag.svg\" alt=\"\">\r\n <span>English</span>\r\n </div>\r\n <div class=\"language-item\">\r\n <img src=\"images/spanish-flag.svg\" alt=\"\">\r\n <span>English</span>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"language-footer\">\r\n <button class=\"reset\">Reset</button>\r\n <button class=\"apply\">Apply</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Timezone -->\r\n <div class=\"timezone-dropdown\">\r\n <div class=\"preference-dropdown-item\">\r\n <div class=\"text\">Timezone</div>\r\n <img src=\"images/chevron-right.svg\" alt=\"chevron-right\" />\r\n </div>\r\n\r\n <div class=\"timezone-section-wrapper\">\r\n <div class=\"timezone-heading\">\r\n <span>Change Timezone</span>\r\n </div>\r\n <div class=\"input-search-wrapper\">\r\n <div class=\"input-search\">\r\n <img src=\"images/search.svg\" alt=\"\">\r\n <input type=\"text\" placeholder=\"Enter or Search\">\r\n </div>\r\n </div>\r\n <div class=\"timezone-section\">\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" />\r\n <span class=\"bold-text\">\r\n Nouakchott\r\n <span class=\"light-text\">(GMT+00:00)</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" />\r\n <span class=\"bold-text\">\r\n Beirut <span class=\"light-text\">(GMT+02:00)</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" />\r\n <span class=\"bold-text\">\r\n Kuwait, Riyadh\r\n <span class=\"light-text\">(GMT+03:00)</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" checked />\r\n <span class=\"bold-text\">\r\n Kolkata, India\r\n <span class=\"light-text\">(GMT+05:30)</span>\r\n </span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"timezone-footer\">\r\n <button class=\"reset\">Reset</button>\r\n <button class=\"apply\">Apply</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <img src=\"images/chevron-right.svg\" alt=\"chevron-right\" />\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/bell.svg\" alt=\"bell\" />\r\n <div class=\"txt-align\">Notification Settings</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">Help & Support</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/file-check-02.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Knowledge Base</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/help-circle.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Help/Support Center</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/info.svg\" alt=\"info\" />\r\n <div class=\"txt-align\">Report Issue</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img\r\n src=\"images/message-smile-square.svg\"\r\n class=\"fix-img-size\"\r\n />\r\n <div class=\"txt-align\">Feedback</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">System</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/settings.svg\" alt=\"settings\" />\r\n <div class=\"txt-align\">Settings</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/clock-refresh.svg\" alt=\"info\" />\r\n <div class=\"txt-align\">About <span class=\"light-grey\">(Version 2.14.3)</span></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/log-out-04.svg\" alt=\"log-out\" class=\"red\" />\r\n <div class=\"txt-align red\">Sign Out</div>\r\n </div>\r\n\r\n <div class=\"right-side-arrow\">\r\n <img src=\"images/chevron-right-red.svg\" alt=\"chevron-right\" />\r\n </div>\r\n </div>\r\n\r\n <!-- profile end -->\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</header>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.app-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding-right:calc(1.3333333333rem / var(--scale));height:calc(5.3333333333rem / var(--scale));background-color:var(--text-heading-primary)}.app-header .header-left{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:0}.app-header .header-left .brand-logo,.app-header .header-left .product-logo{max-width:calc(12.6666666667rem / var(--scale))}.app-header .header-right{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.3333333333rem / var(--scale))}.app-header .dropdown.control-panel{position:relative}.app-header .dropdown.control-panel .dropdown-trigger{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;height:calc(4rem / var(--scale));min-width:calc(12.5rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--text-body-primary);border-radius:calc(.6666666667rem / var(--scale));background-color:#ffffff1a;color:var(--text-heading-inverse);cursor:pointer;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;position:relative}.app-header .dropdown.control-panel .dropdown-trigger:hover{background-color:var(--text-heading-secondary)}.app-header .dropdown.control-panel .dropdown-panel{position:absolute;width:100%;z-index:2;background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));max-height:calc(10rem / var(--scale));overflow:auto;top:calc(5.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .dropdown.control-panel .dropdown-panel li{height:calc(2.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .ai-agent{width:calc(9.6666666667rem / var(--scale));height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--text-heading-secondary);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));background-color:#ffffff1a;cursor:pointer}.app-header .ai-agent .ai-agent-btn{color:var(--semantics-warning-default);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .ai-agent:hover{background-color:var(--text-heading-secondary)}.app-header .profile{position:relative}.app-header .profile:has(.loggedin-profile-list) .profile-wrapper{border-color:var(--border-interaction-default)}.app-header .profile .profile-wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-inverted);border-radius:calc(.6666666667rem / var(--scale));background-color:#ffffff14}.app-header .profile .profile-wrapper:hover{background-color:var(--text-heading-secondary)}.app-header .profile .profile-wrapper img{width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));border-radius:50%}.app-header .profile .profile-wrapper .profile-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.app-header .profile .profile-wrapper .profile-info .name{font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-inverse);max-width:calc(10rem / var(--scale))}.app-header .profile .profile-wrapper .profile-info .role{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:400;color:var(--border-interaction-default);max-width:calc(10rem / var(--scale))}.app-header .profile .loggedin-profile-list{position:absolute;right:calc(-1.3333333333rem / var(--scale));top:calc(5.3333333333rem / var(--scale));width:calc(30.9166666667rem / var(--scale));height:calc(70rem / var(--scale));background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));box-shadow:calc(0rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);display:flex;flex-direction:column;justify-content:center;align-items:\"\";flex-wrap:nowrap;gap:\"\";z-index:10}.app-header .profile .loggedin-profile-list .profile-box{padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon .profile-img{width:calc(4rem / var(--scale));height:calc(4rem / var(--scale));border-radius:50%}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon .on-hover{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));position:absolute;display:none}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon:hover .on-hover{display:block}.app-header .profile .loggedin-profile-list .profile-box .profile-heading{color:var(--text-heading-primary);font-size:var(--fs-18);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;max-width:calc(23.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .profile-box .profile-txt{color:var(--text-body-secondary);font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:400;max-width:calc(23.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .for-border{margin:calc(.3333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));width:92%;border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default)}.app-header .profile .loggedin-profile-list .switch-box{padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0}.app-header .profile .loggedin-profile-list .switch-box .switch-role{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));position:relative}.app-header .profile .loggedin-profile-list .switch-box .switch-role .edit-img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switch-txt{color:var(--text-link-hover);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown{position:absolute;width:calc(20rem / var(--scale));max-height:calc(16.3333333333rem / var(--scale));overflow-y:auto;background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);right:calc(9.6666666667rem / var(--scale));top:calc(-1.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) 0;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:0;display:none}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .text-title{height:calc(3rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:500;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list{height:calc(3rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list .text{color:var(--text-heading-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list.active{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list.active .text{color:var(--text-link-default)}.app-header .profile .loggedin-profile-list .switch-box .right-side-arrow img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .switch-box:hover{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .switch-box:hover .switch-role .switching-role-dropdown{display:flex}.app-header .profile .loggedin-profile-list .preference-txt{color:var(--text-body-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box{padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;position:relative}.app-header .profile .loggedin-profile-list .txt-box:hover{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .txt-box .fix-space{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .fix-img-size,.app-header .profile .loggedin-profile-list .txt-box .fix-space img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box .fix-space img.red{color:var(--semantics-error-strong)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .txt-align{color:var(--text-heading-primary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .profile .loggedin-profile-list .txt-box .fix-space .txt-align.red{color:var(--semantics-error-strong)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .txt-align .light-grey{color:var(--text-body-secondary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section{position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown{position:absolute;width:calc(14.1666666667rem / var(--scale));background-color:var(--surface-background-canvas);border-radius:calc(.3333333333rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);right:calc(10rem / var(--scale));top:0;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:0;display:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .preference-dropdown-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(1.3333333333rem / var(--scale));height:calc(3.3333333333rem / var(--scale));position:relative;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .preference-dropdown-item .text{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .preference-dropdown-item:hover{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown{position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown:hover .language-section-wrapper{display:block}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper{position:absolute;z-index:10;padding:calc(.6666666667rem / var(--scale)) 0;width:calc(30.9166666667rem / var(--scale));background-color:var(--surface-background-canvas);top:calc(0rem / var(--scale));right:calc(14.5rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);display:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-heading{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));padding-top:0}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper .input-search{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(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper .input-search img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper .input-search input{background-color:transparent;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;border:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-section{max-height:calc(14rem / var(--scale));overflow-y:auto}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-section .language-item{width:100%;height:calc(3.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer{width:100%;height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:end;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer button{width:calc(7.5rem / var(--scale));height:calc(2.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer button.reset{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background-color:transparent}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer button.apply{border:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus);border-radius:calc(.3333333333rem / var(--scale));background-color:var(--surface-action-default);color:var(--text-heading-inverse)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown{position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown:hover .timezone-section-wrapper{display:block}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper{position:absolute;z-index:10;padding:calc(.6666666667rem / var(--scale)) 0;width:calc(30.9166666667rem / var(--scale));background-color:var(--surface-background-canvas);top:-100%;right:calc(14.5rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);display:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-heading{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));padding-top:0}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper .input-search{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(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper .input-search img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper .input-search input{background-color:transparent;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;border:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-section{max-height:calc(14rem / var(--scale));overflow-y:auto}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-section .timezone-dropdown-item{width:100%;height:calc(3.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-section .timezone-dropdown-item .bold-text .light-text{color:var(--text-body-secondary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer{width:100%;height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:end;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer button{width:calc(7.5rem / var(--scale));height:calc(2.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer button.reset{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background-color:transparent}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer button.apply{border:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus);border-radius:calc(.3333333333rem / var(--scale));background-color:var(--surface-action-default);color:var(--text-heading-inverse)}.app-header .profile .loggedin-profile-list .txt-box.preference-dropdown-txt:hover .preference-section .preference-dropdown{display:block}.app-header .profile .loggedin-profile-list .txt-box img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}\n"] });
3998
4025
  }
3999
4026
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: HeaderComponent, decorators: [{
4000
4027
  type: Component,
4001
- args: [{ selector: 'cats-ui-header', imports: [], template: "<header class=\"app-header\">\r\n <!-- Left Section -->\r\n <div class=\"header-left\">\r\n <!-- <button class=\"app-launcher\" aria-label=\"App Launcher\">\r\n <span class=\"grid-icon\"></span>\r\n </button> -->\r\n <img src=\"images/Waffle.svg\" alt=\"\" />\r\n <img src=\"images/brand-Logo.svg\" alt=\"Brand Logo\" class=\"brand-logo\" />\r\n\r\n <img\r\n src=\"images/product-logo.svg\"\r\n alt=\"Product Logo\"\r\n class=\"product-logo\"\r\n />\r\n </div>\r\n\r\n <!-- Right Section -->\r\n <div class=\"header-right\">\r\n <img src=\"images/global-logo.svg\" alt=\"\" class=\"icon-btn global-icon\" />\r\n <img src=\"images/nodification.svg\" alt=\"\" class=\"icon-btn notification\" />\r\n\r\n <div class=\"dropdown control-panel\">\r\n <button class=\"dropdown-trigger\">Control Panel \u2304</button>\r\n </div>\r\n\r\n <button class=\"ai-agent-btn\">\u2B50 AI Agent</button>\r\n\r\n <div class=\"profile\">\r\n <img src=\"avatar.jpg\" alt=\"User\" />\r\n <div class=\"profile-info\">\r\n <span class=\"name\">Maximillian Th.</span>\r\n <span class=\"role\">Super Admin User</span>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n", styles: [".app-header{display:flex;justify-content:space-between;align-items:center;padding-right:16px;height:64px;background:#0b1220;color:#fff}.app-header .header-left,.app-header .header-right{display:flex;align-items:center;gap:16px}.app-header .dropdown .dropdown-trigger{height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;cursor:pointer;font-size:13px}.app-header .dropdown .dropdown-trigger:hover{background:#ffffff14}.app-header .ai-agent-btn{height:36px;padding:0 12px;border-radius:8px;background:#1f2937;color:#facc15;border:1px solid rgba(255,255,255,.2);font-size:13px;cursor:pointer}.app-header .ai-agent-btn:hover{background:#374151}.app-header .profile{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;cursor:pointer}.app-header .profile:hover{background:#ffffff14}.app-header .profile img{width:32px;height:32px;border-radius:50%}.app-header .profile .profile-info{display:flex;flex-direction:column}.app-header .profile .profile-info .name{font-size:13px;font-weight:500}.app-header .profile .profile-info .role{font-size:11px;color:#9ca3af}\n"] }]
4028
+ args: [{ selector: 'cats-ui-header', imports: [], template: "<header class=\"app-header\">\r\n <!-- Left Section -->\r\n <div class=\"header-left\">\r\n <!-- <button class=\"app-launcher\" aria-label=\"App Launcher\">\r\n <span class=\"grid-icon\"></span>\r\n </button> -->\r\n <img src=\"images/Waffle.svg\" alt=\"\" />\r\n <img src=\"images/brand-Logo.svg\" alt=\"Brand Logo\" class=\"brand-logo\" />\r\n\r\n <img\r\n src=\"images/product-logo.svg\"\r\n alt=\"Product Logo\"\r\n class=\"product-logo\"\r\n />\r\n </div>\r\n\r\n <!-- Right Section -->\r\n <div class=\"header-right\">\r\n <img src=\"images/global-logo.svg\" alt=\"\" class=\"icon-btn global-icon\" />\r\n <img src=\"images/nodification.svg\" alt=\"\" class=\"icon-btn notification\" />\r\n\r\n <div class=\"dropdown control-panel\">\r\n <div class=\"dropdown-trigger\">\r\n <span>Control Panel</span>\r\n <span>\r\n <img src=\"images/chevron-down-white.svg\" alt=\"\">\r\n </span>\r\n </div>\r\n\r\n <div class=\"dropdown-panel\">\r\n <ul>\r\n <li>Control Panel</li>\r\n <li>WorkStation</li>\r\n <li>ASdhjjnf</li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ai-agent\">\r\n <img src=\"images/star-yellow.svg\" alt=\"\">\r\n <span class=\"ai-agent-btn\"> AI Agent</span>\r\n\r\n </div>\r\n <div class=\"profile\">\r\n <div class=\"profile-wrapper\" (click)=\"toggleMenu()\">\r\n <img src=\"images/user-image.svg\" alt=\"User\" />\r\n <div class=\"profile-info\">\r\n <span class=\"name textTruncate\">Maximillian Thomas Broadwater</span>\r\n <span class=\"role textTruncate\">Super Admin User</span>\r\n </div>\r\n </div>\r\n\r\n @if (menuOpen) {\r\n <div class=\"loggedin-profile-list\">\r\n <!-- profile start -->\r\n\r\n <div class=\"profile-box\">\r\n <div class=\"for-edit-icon\">\r\n <img\r\n src=\"images/user-image.svg\"\r\n class=\"profile-img\"\r\n />\r\n <img src=\"images/edit.svg\" alt=\"edit\" class=\"on-hover\" />\r\n </div>\r\n\r\n <div>\r\n <div class=\"profile-heading textTruncate\">John Doe</div>\r\n <div class=\"profile-txt textTruncate\">Admin</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"switch-box\">\r\n <div class=\"switch-role \">\r\n <img src=\"images/users-01.svg\" class=\"edit-img\" />\r\n <div class=\"switch-txt\">Switch Role</div>\r\n\r\n <!-- drop down -->\r\n <div class=\"switching-role-dropdown\">\r\n <div class=\"text-title\">Switch Role</div>\r\n\r\n <div class=\"item-list active\">\r\n <input class=\"radio-input\" checked type=\"radio\" name=\"tracking\" />\r\n <span class=\"text\">Admin</span>\r\n </div>\r\n\r\n <div class=\"item-list\">\r\n <input class=\"radio-input\" type=\"radio\" name=\"tracking\" />\r\n <span class=\"text\">User</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"right-side-arrow\">\r\n <img src=\"images/chevron-right-blue.svg\" alt=\"chevron-right\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"switch-box\">\r\n <div class=\"switch-role \">\r\n <img src=\"images/building-07.svg\" class=\"edit-img\" />\r\n <div class=\"switch-txt\">Switch Environment</div>\r\n </div>\r\n\r\n <div class=\"right-side-arrow\">\r\n <img src=\"images/chevron-right-blue.svg\" alt=\"chevron-right\" />\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">Identity & Access</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img class=\"fix-img-size\" src=\"images/user.svg\" alt=\"user\" />\r\n <div class=\"txt-align\">My Profile</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/key-01.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Change Password</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">Account & Preferences</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/shield.svg\" alt=\"bell\" />\r\n <div class=\"txt-align\">Account & Security</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box preference-dropdown-txt \">\r\n <div class=\"fix-space \">\r\n <img src=\"images/settings-04.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Preference</div>\r\n\r\n <!-- dropdown -->\r\n <div class=\"preference-section\">\r\n <div class=\"preference-dropdown\">\r\n <!-- Language -->\r\n <div class=\"language-dropdown\">\r\n <div class=\"preference-dropdown-item\">\r\n <div class=\"text\">Languages</div>\r\n <img src=\"images/chevron-right.svg\" alt=\"chevron-right\" />\r\n </div>\r\n\r\n <div class=\"language-section-wrapper\">\r\n <div class=\"language-heading\">\r\n <span>Change Language</span>\r\n </div>\r\n <div class=\"input-search-wrapper\">\r\n <div class=\"input-search\">\r\n <img src=\"images/search.svg\" alt=\"\">\r\n <input type=\"text\" placeholder=\"Enter or Search\">\r\n </div>\r\n </div>\r\n <div class=\"language-section\">\r\n <div class=\"language-item\">\r\n <img src=\"images/spanish-flag.svg\" alt=\"\">\r\n <span>English</span>\r\n </div>\r\n <div class=\"language-item\">\r\n <img src=\"images/spanish-flag.svg\" alt=\"\">\r\n <span>English</span>\r\n </div>\r\n <div class=\"language-item\">\r\n <img src=\"images/spanish-flag.svg\" alt=\"\">\r\n <span>English</span>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"language-footer\">\r\n <button class=\"reset\">Reset</button>\r\n <button class=\"apply\">Apply</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Timezone -->\r\n <div class=\"timezone-dropdown\">\r\n <div class=\"preference-dropdown-item\">\r\n <div class=\"text\">Timezone</div>\r\n <img src=\"images/chevron-right.svg\" alt=\"chevron-right\" />\r\n </div>\r\n\r\n <div class=\"timezone-section-wrapper\">\r\n <div class=\"timezone-heading\">\r\n <span>Change Timezone</span>\r\n </div>\r\n <div class=\"input-search-wrapper\">\r\n <div class=\"input-search\">\r\n <img src=\"images/search.svg\" alt=\"\">\r\n <input type=\"text\" placeholder=\"Enter or Search\">\r\n </div>\r\n </div>\r\n <div class=\"timezone-section\">\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" />\r\n <span class=\"bold-text\">\r\n Nouakchott\r\n <span class=\"light-text\">(GMT+00:00)</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" />\r\n <span class=\"bold-text\">\r\n Beirut <span class=\"light-text\">(GMT+02:00)</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" />\r\n <span class=\"bold-text\">\r\n Kuwait, Riyadh\r\n <span class=\"light-text\">(GMT+03:00)</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"timezone-dropdown-item\">\r\n <input type=\"radio\" name=\"timezone\" checked />\r\n <span class=\"bold-text\">\r\n Kolkata, India\r\n <span class=\"light-text\">(GMT+05:30)</span>\r\n </span>\r\n </div>\r\n </div>\r\n\r\n <div class=\"timezone-footer\">\r\n <button class=\"reset\">Reset</button>\r\n <button class=\"apply\">Apply</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <img src=\"images/chevron-right.svg\" alt=\"chevron-right\" />\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/bell.svg\" alt=\"bell\" />\r\n <div class=\"txt-align\">Notification Settings</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">Help & Support</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/file-check-02.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Knowledge Base</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/help-circle.svg\" class=\"fix-img-size\" />\r\n <div class=\"txt-align\">Help/Support Center</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/info.svg\" alt=\"info\" />\r\n <div class=\"txt-align\">Report Issue</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img\r\n src=\"images/message-smile-square.svg\"\r\n class=\"fix-img-size\"\r\n />\r\n <div class=\"txt-align\">Feedback</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"preference-txt\">System</div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/settings.svg\" alt=\"settings\" />\r\n <div class=\"txt-align\">Settings</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/clock-refresh.svg\" alt=\"info\" />\r\n <div class=\"txt-align\">About <span class=\"light-grey\">(Version 2.14.3)</span></div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"for-border\"></div>\r\n\r\n <div class=\"txt-box\">\r\n <div class=\"fix-space\">\r\n <img src=\"images/log-out-04.svg\" alt=\"log-out\" class=\"red\" />\r\n <div class=\"txt-align red\">Sign Out</div>\r\n </div>\r\n\r\n <div class=\"right-side-arrow\">\r\n <img src=\"images/chevron-right-red.svg\" alt=\"chevron-right\" />\r\n </div>\r\n </div>\r\n\r\n <!-- profile end -->\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</header>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.app-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding-right:calc(1.3333333333rem / var(--scale));height:calc(5.3333333333rem / var(--scale));background-color:var(--text-heading-primary)}.app-header .header-left{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:0}.app-header .header-left .brand-logo,.app-header .header-left .product-logo{max-width:calc(12.6666666667rem / var(--scale))}.app-header .header-right{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.3333333333rem / var(--scale))}.app-header .dropdown.control-panel{position:relative}.app-header .dropdown.control-panel .dropdown-trigger{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;height:calc(4rem / var(--scale));min-width:calc(12.5rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--text-body-primary);border-radius:calc(.6666666667rem / var(--scale));background-color:#ffffff1a;color:var(--text-heading-inverse);cursor:pointer;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;position:relative}.app-header .dropdown.control-panel .dropdown-trigger:hover{background-color:var(--text-heading-secondary)}.app-header .dropdown.control-panel .dropdown-panel{position:absolute;width:100%;z-index:2;background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));max-height:calc(10rem / var(--scale));overflow:auto;top:calc(5.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .dropdown.control-panel .dropdown-panel li{height:calc(2.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .ai-agent{width:calc(9.6666666667rem / var(--scale));height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--text-heading-secondary);border-radius:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));background-color:#ffffff1a;cursor:pointer}.app-header .ai-agent .ai-agent-btn{color:var(--semantics-warning-default);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .ai-agent:hover{background-color:var(--text-heading-secondary)}.app-header .profile{position:relative}.app-header .profile:has(.loggedin-profile-list) .profile-wrapper{border-color:var(--border-interaction-default)}.app-header .profile .profile-wrapper{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-inverted);border-radius:calc(.6666666667rem / var(--scale));background-color:#ffffff14}.app-header .profile .profile-wrapper:hover{background-color:var(--text-heading-secondary)}.app-header .profile .profile-wrapper img{width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));border-radius:50%}.app-header .profile .profile-wrapper .profile-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0}.app-header .profile .profile-wrapper .profile-info .name{font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-heading-inverse);max-width:calc(10rem / var(--scale))}.app-header .profile .profile-wrapper .profile-info .role{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:400;color:var(--border-interaction-default);max-width:calc(10rem / var(--scale))}.app-header .profile .loggedin-profile-list{position:absolute;right:calc(-1.3333333333rem / var(--scale));top:calc(5.3333333333rem / var(--scale));width:calc(30.9166666667rem / var(--scale));height:calc(70rem / var(--scale));background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));box-shadow:calc(0rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);display:flex;flex-direction:column;justify-content:center;align-items:\"\";flex-wrap:nowrap;gap:\"\";z-index:10}.app-header .profile .loggedin-profile-list .profile-box{padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon .profile-img{width:calc(4rem / var(--scale));height:calc(4rem / var(--scale));border-radius:50%}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon .on-hover{width:calc(1.6666666667rem / var(--scale));height:calc(1.6666666667rem / var(--scale));position:absolute;display:none}.app-header .profile .loggedin-profile-list .profile-box .for-edit-icon:hover .on-hover{display:block}.app-header .profile .loggedin-profile-list .profile-box .profile-heading{color:var(--text-heading-primary);font-size:var(--fs-18);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;max-width:calc(23.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .profile-box .profile-txt{color:var(--text-body-secondary);font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:400;max-width:calc(23.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .for-border{margin:calc(.3333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));width:92%;border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default)}.app-header .profile .loggedin-profile-list .switch-box{padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0}.app-header .profile .loggedin-profile-list .switch-box .switch-role{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));position:relative}.app-header .profile .loggedin-profile-list .switch-box .switch-role .edit-img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switch-txt{color:var(--text-link-hover);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown{position:absolute;width:calc(20rem / var(--scale));max-height:calc(16.3333333333rem / var(--scale));overflow-y:auto;background-color:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);right:calc(9.6666666667rem / var(--scale));top:calc(-1.6666666667rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) 0;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:0;display:none}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .text-title{height:calc(3rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:500;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list{height:calc(3rem / var(--scale));padding:calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list .text{color:var(--text-heading-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list.active{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .switch-box .switch-role .switching-role-dropdown .item-list.active .text{color:var(--text-link-default)}.app-header .profile .loggedin-profile-list .switch-box .right-side-arrow img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .switch-box:hover{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .switch-box:hover .switch-role .switching-role-dropdown{display:flex}.app-header .profile .loggedin-profile-list .preference-txt{color:var(--text-body-secondary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box{padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;position:relative}.app-header .profile .loggedin-profile-list .txt-box:hover{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .txt-box .fix-space{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .fix-img-size,.app-header .profile .loggedin-profile-list .txt-box .fix-space img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box .fix-space img.red{color:var(--semantics-error-strong)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .txt-align{color:var(--text-heading-primary);font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.app-header .profile .loggedin-profile-list .txt-box .fix-space .txt-align.red{color:var(--semantics-error-strong)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .txt-align .light-grey{color:var(--text-body-secondary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section{position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown{position:absolute;width:calc(14.1666666667rem / var(--scale));background-color:var(--surface-background-canvas);border-radius:calc(.3333333333rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);right:calc(10rem / var(--scale));top:0;display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:0;display:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .preference-dropdown-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding:0 calc(1.3333333333rem / var(--scale));height:calc(3.3333333333rem / var(--scale));position:relative;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .preference-dropdown-item .text{font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .preference-dropdown-item:hover{background-color:var(--surface-background-blue)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown{position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown:hover .language-section-wrapper{display:block}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper{position:absolute;z-index:10;padding:calc(.6666666667rem / var(--scale)) 0;width:calc(30.9166666667rem / var(--scale));background-color:var(--surface-background-canvas);top:calc(0rem / var(--scale));right:calc(14.5rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);display:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-heading{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));padding-top:0}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper .input-search{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(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper .input-search img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .input-search-wrapper .input-search input{background-color:transparent;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;border:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-section{max-height:calc(14rem / var(--scale));overflow-y:auto}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-section .language-item{width:100%;height:calc(3.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer{width:100%;height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:end;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer button{width:calc(7.5rem / var(--scale));height:calc(2.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer button.reset{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background-color:transparent}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .language-dropdown .language-section-wrapper .language-footer button.apply{border:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus);border-radius:calc(.3333333333rem / var(--scale));background-color:var(--surface-action-default);color:var(--text-heading-inverse)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown{position:relative}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown:hover .timezone-section-wrapper{display:block}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper{position:absolute;z-index:10;padding:calc(.6666666667rem / var(--scale)) 0;width:calc(30.9166666667rem / var(--scale));background-color:var(--surface-background-canvas);top:-100%;right:calc(14.5rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-muted);border-radius:calc(.6666666667rem / var(--scale));box-shadow:0 calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) calc(-.1666666667rem / var(--scale)) var(--box-shadow),0 calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);display:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-heading{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.8333333333rem / var(--scale)) calc(1.3333333333rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;color:var(--text-body-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper{width:100%;height:calc(3.3333333333rem / var(--scale));padding:calc(.6666666667rem / var(--scale));padding-top:0}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper .input-search{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(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale));box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper .input-search img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));opacity:.7}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .input-search-wrapper .input-search input{background-color:transparent;font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;border:none}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-section{max-height:calc(14rem / var(--scale));overflow-y:auto}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-section .timezone-dropdown-item{width:100%;height:calc(3.3333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1.3333333333rem / var(--scale));font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-primary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-section .timezone-dropdown-item .bold-text .light-text{color:var(--text-body-secondary)}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer{width:100%;height:calc(4rem / var(--scale));display:flex;flex-direction:row;justify-content:end;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:calc(1rem / var(--scale)) calc(1.3333333333rem / var(--scale))}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer button{width:calc(7.5rem / var(--scale));height:calc(2.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;cursor:pointer}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer button.reset{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background-color:transparent}.app-header .profile .loggedin-profile-list .txt-box .fix-space .preference-section .preference-dropdown .timezone-dropdown .timezone-section-wrapper .timezone-footer button.apply{border:calc(.0833333333rem / var(--scale)) solid var(--border-interaction-focus);border-radius:calc(.3333333333rem / var(--scale));background-color:var(--surface-action-default);color:var(--text-heading-inverse)}.app-header .profile .loggedin-profile-list .txt-box.preference-dropdown-txt:hover .preference-section .preference-dropdown{display:block}.app-header .profile .loggedin-profile-list .txt-box img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}\n"] }]
4029
+ }], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { config: [{
4030
+ type: Input
4031
+ }], dropdownItems: [{
4032
+ type: Input
4033
+ }] } });
4034
+
4035
+ class DialogBoxComponent {
4036
+ content;
4037
+ config = {};
4038
+ dialogRef;
4039
+ expandable = true;
4040
+ vc;
4041
+ isExpanded = false;
4042
+ ngAfterViewInit() {
4043
+ this.vc.clear();
4044
+ if (this.content instanceof TemplateRef) {
4045
+ this.vc.createEmbeddedView(this.content, { dialogRef: this.dialogRef });
4046
+ }
4047
+ else {
4048
+ this.vc.createComponent(this.content);
4049
+ }
4050
+ }
4051
+ toggleExpand() {
4052
+ this.isExpanded = !this.isExpanded;
4053
+ }
4054
+ onBackdropClick() {
4055
+ if (this.config?.closeOnBackdropClick) {
4056
+ this.dialogRef.close();
4057
+ }
4058
+ }
4059
+ closeModal() {
4060
+ this.dialogRef.close();
4061
+ }
4062
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DialogBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4063
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: DialogBoxComponent, isStandalone: true, selector: "cats-ui-dialog-box", inputs: { content: "content", config: "config", dialogRef: "dialogRef", expandable: "expandable" }, viewQueries: [{ propertyName: "vc", first: true, predicate: ["vc"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"cats-dialog-overlay\">\r\n <div\r\n class=\"cats-dialog\"\r\n [ngClass]=\"config.class\"\r\n [class.expanded]=\"isExpanded\"\r\n >\r\n <!-- Header -->\r\n <div class=\"cats-dialog-header\">\r\n <div class=\"cats-header-left\">\r\n @if (config.title) {\r\n <span class=\"cats-title textTruncate\">{{ config.title }}</span>\r\n }\r\n </div>\r\n <div class=\"cats-header-right\">\r\n @if (expandable) {\r\n <img\r\n class=\"cats-icon-btn\"\r\n (click)=\"toggleExpand()\"\r\n [src]=\"\r\n isExpanded ? 'images/minimize-expand.svg' : 'images/expand.svg'\r\n \"\r\n alt=\"expand\"\r\n />\r\n }\r\n <img\r\n class=\"cats-icon-btn\"\r\n (click)=\"closeModal()\"\r\n src=\"images/x-cancel-btn.svg\"\r\n alt=\"close\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <!-- Body -->\r\n <div class=\"cats-dialog-body\" [class.collapsed]=\"!isExpanded && expandable\">\r\n <ng-container #vc></ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-dialog-overlay{position:fixed;top:0;left:0;background:#040d17b2;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;z-index:10}.cats-dialog-overlay .cats-dialog{width:calc(100% - 8rem / var(--scale));height:calc(100% - 4rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(1.3333333333rem / var(--scale));display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;box-shadow:0 calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow) 0 calc(1.6666666667rem / var(--scale)) calc(2rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);overflow:hidden}.cats-dialog-overlay .cats-dialog.expanded{width:100%;height:100%;border-radius:0}.cats-dialog-overlay .cats-dialog .cats-dialog-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding:calc(1.3333333333rem / var(--scale)) calc(2.6666666667rem / var(--scale));height:calc(4.6666666667rem / var(--scale));box-shadow:0 calc(.1666666667rem / var(--scale)) calc(3.3333333333rem / var(--scale)) 0 var(--canvas-shadow)}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-left{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.3333333333rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-left .cats-title{font-size:var(--fs-18);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--text-heading-primary);max-width:calc(58.3333333333rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-right{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-right .cats-icon-btn{border:none;cursor:pointer;width:calc(2.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-body{height:calc(100% - 64px);flex:1;position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
4064
+ }
4065
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DialogBoxComponent, decorators: [{
4066
+ type: Component,
4067
+ args: [{ selector: 'cats-ui-dialog-box', imports: [CommonModule], template: "<div class=\"cats-dialog-overlay\">\r\n <div\r\n class=\"cats-dialog\"\r\n [ngClass]=\"config.class\"\r\n [class.expanded]=\"isExpanded\"\r\n >\r\n <!-- Header -->\r\n <div class=\"cats-dialog-header\">\r\n <div class=\"cats-header-left\">\r\n @if (config.title) {\r\n <span class=\"cats-title textTruncate\">{{ config.title }}</span>\r\n }\r\n </div>\r\n <div class=\"cats-header-right\">\r\n @if (expandable) {\r\n <img\r\n class=\"cats-icon-btn\"\r\n (click)=\"toggleExpand()\"\r\n [src]=\"\r\n isExpanded ? 'images/minimize-expand.svg' : 'images/expand.svg'\r\n \"\r\n alt=\"expand\"\r\n />\r\n }\r\n <img\r\n class=\"cats-icon-btn\"\r\n (click)=\"closeModal()\"\r\n src=\"images/x-cancel-btn.svg\"\r\n alt=\"close\"\r\n />\r\n </div>\r\n </div>\r\n\r\n <!-- Body -->\r\n <div class=\"cats-dialog-body\" [class.collapsed]=\"!isExpanded && expandable\">\r\n <ng-container #vc></ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.cats-btn{border:calc(.0833333333rem / var(--scale)) solid transparent;padding:0 calc(2.3333333333rem / var(--scale));height:calc(4.6666666667rem / var(--scale));min-width:calc(11.8333333333rem / var(--scale));display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:calc(1rem / var(--scale));border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-18);line-height:\"\";font-weight:600;cursor:pointer}button.cats-btn:focus-visible{outline:none;border:0}button.cats-btn i-feather.icon{display:flex}button.cats-btn.primary_btn{background-color:var(--blue-600);color:var(--white)}button.cats-btn.secondary_btn{background-color:var(--neutral-100);color:var(--neutral-500)}button.cats-btn.outline_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-300)}button.cats-btn.disable{pointer-events:none;opacity:.6}button.cats-btn.fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-600)}button.cats-btn.disable_fill_lightBlue_btn{background-color:var(--blue-50);color:var(--blue-300);pointer-events:none}button.cats-btn.bg_logic_btn{background-color:var(--white);color:var(--neutral-500);border:calc(.0833333333rem / var(--scale)) solid var(--neutral-200)}button.cats-btn.no_outline_btn{background-color:var(--blue-50);color:var(--blue-600);outline:none}button.cats-btn .close_outline_btn{background-color:var(--blue-50);border:calc(.0833333333rem / var(--scale)) solid var(--blue-50);color:var(--blue-600)}.default-tooltip-class{position:relative;display:inline-block;padding:calc(.6666666667rem / var(--scale)) calc(1rem / var(--scale));background:var(--white);border-radius:calc(.6666666667rem / var(--scale));font-size:var(--fs-14);line-height:calc(2rem / var(--scale));font-weight:400;color:var(--neutral-500);box-shadow:0 calc(.3333333333rem / var(--scale)) calc(1.25rem / var(--scale)) #00000026}.default-tooltip-class:before{content:\"\";position:absolute;top:calc(-.8333333333rem / var(--scale));left:50%;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background:var(--white);transform:rotate(-135deg);box-shadow:calc(.3333333333rem / var(--scale)) calc(.3333333333rem / var(--scale)) calc(.5rem / var(--scale)) #0000001a;border-radius:calc(.1666666667rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--neutral-100);border-top:0;border-left:0}.display-large{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:500}.display-large-emphasized{font-size:calc(4.6666666667rem / var(--scale));line-height:calc(6.6666666667rem / var(--scale));font-weight:600}.display-medium{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:500}.display-medium-emphasized{font-size:calc(4rem / var(--scale));line-height:calc(4.6666666667rem / var(--scale));font-weight:600}.heading-extra-large{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:500}.heading-extra-large-emphasized{font-size:calc(3rem / var(--scale));line-height:calc(3.3333333333rem / var(--scale));font-weight:600}.heading-large{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:500}.heading-large-emphasized{font-size:calc(2rem / var(--scale));line-height:calc(2.6666666667rem / var(--scale));font-weight:600}.heading-medium{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-medium-emphasized{font-size:calc(1.6666666667rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.heading-small{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:500}.heading-small-emphasized{font-size:calc(1.5rem / var(--scale));line-height:calc(2.3333333333rem / var(--scale));font-weight:600}.body-large{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:400}.body-large-emphasized{font-size:calc(1.3333333333rem / var(--scale));line-height:calc(2rem / var(--scale));font-weight:500}.body-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:400}.body-medium-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.body-small{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:400}.meta-regular{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.meta-regular-emphasized{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:600}.interaction-medium{font-size:calc(1.1666666667rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.interaction-small{font-size:calc(1rem / var(--scale));line-height:calc(1.6666666667rem / var(--scale));font-weight:500}.system-utility-regular{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:500}.system-utility-regular-emphasized{font-size:calc(1rem / var(--scale));line-height:calc(1.5rem / var(--scale));font-weight:600}.system-utility-small{font-size:calc(.8333333333rem / var(--scale));line-height:calc(1rem / var(--scale));font-weight:500}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.sp-0{padding:calc(0rem / var(--scale))}.sp-2{padding:calc(.1666666667rem / var(--scale))}.sp-4{padding:calc(.3333333333rem / var(--scale))}.sp-8{padding:calc(.6666666667rem / var(--scale))}.sp-12{padding:calc(1rem / var(--scale))}.sp-16{padding:calc(1.3333333333rem / var(--scale))}.sp-24{padding:calc(2rem / var(--scale))}.sp-36{padding:calc(3rem / var(--scale))}.sp-40{padding:calc(3.3333333333rem / var(--scale))}.sm-0{margin:calc(0rem / var(--scale))}.sm-2{margin:calc(.1666666667rem / var(--scale))}.sm-4{margin:calc(.3333333333rem / var(--scale))}.sm-8{margin:calc(.6666666667rem / var(--scale))}.sm-12{margin:calc(1rem / var(--scale))}.sm-16{margin:calc(1.3333333333rem / var(--scale))}.sm-24{margin:calc(2rem / var(--scale))}.sm-36{margin:calc(3rem / var(--scale))}.sm-40{margin:calc(3.3333333333rem / var(--scale))}.sp-t-0{padding-top:calc(0rem / var(--scale))}.sp-t-2{padding-top:calc(.1666666667rem / var(--scale))}.sp-t-4{padding-top:calc(.3333333333rem / var(--scale))}.sp-t-8{padding-top:calc(.6666666667rem / var(--scale))}.sp-t-12{padding-top:calc(1rem / var(--scale))}.sp-t-16{padding-top:calc(1.3333333333rem / var(--scale))}.sp-t-24{padding-top:calc(2rem / var(--scale))}.sp-t-36{padding-top:calc(3rem / var(--scale))}.sp-t-40{padding-top:calc(3.3333333333rem / var(--scale))}.sp-b-0{padding-bottom:calc(0rem / var(--scale))}.sp-b-2{padding-bottom:calc(.1666666667rem / var(--scale))}.sp-b-4{padding-bottom:calc(.3333333333rem / var(--scale))}.sp-b-8{padding-bottom:calc(.6666666667rem / var(--scale))}.sp-b-12{padding-bottom:calc(1rem / var(--scale))}.sp-b-16{padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-b-24{padding-bottom:calc(2rem / var(--scale))}.sp-b-36{padding-bottom:calc(3rem / var(--scale))}.sp-b-40{padding-bottom:calc(3.3333333333rem / var(--scale))}.sp-l-0{padding-left:calc(0rem / var(--scale))}.sp-l-2{padding-left:calc(.1666666667rem / var(--scale))}.sp-l-4{padding-left:calc(.3333333333rem / var(--scale))}.sp-l-8{padding-left:calc(.6666666667rem / var(--scale))}.sp-l-12{padding-left:calc(1rem / var(--scale))}.sp-l-16{padding-left:calc(1.3333333333rem / var(--scale))}.sp-l-24{padding-left:calc(2rem / var(--scale))}.sp-l-36{padding-left:calc(3rem / var(--scale))}.sp-l-40{padding-left:calc(3.3333333333rem / var(--scale))}.sp-r-0{padding-right:calc(0rem / var(--scale))}.sp-r-2{padding-right:calc(.1666666667rem / var(--scale))}.sp-r-4{padding-right:calc(.3333333333rem / var(--scale))}.sp-r-8{padding-right:calc(.6666666667rem / var(--scale))}.sp-r-12{padding-right:calc(1rem / var(--scale))}.sp-r-16{padding-right:calc(1.3333333333rem / var(--scale))}.sp-r-24{padding-right:calc(2rem / var(--scale))}.sp-r-36{padding-right:calc(3rem / var(--scale))}.sp-r-40{padding-right:calc(3.3333333333rem / var(--scale))}.sm-t-0{margin-top:calc(0rem / var(--scale))}.sm-t-2{margin-top:calc(.1666666667rem / var(--scale))}.sm-t-4{margin-top:calc(.3333333333rem / var(--scale))}.sm-t-8{margin-top:calc(.6666666667rem / var(--scale))}.sm-t-12{margin-top:calc(1rem / var(--scale))}.sm-t-16{margin-top:calc(1.3333333333rem / var(--scale))}.sm-t-24{margin-top:calc(2rem / var(--scale))}.sm-t-36{margin-top:calc(3rem / var(--scale))}.sm-t-40{margin-top:calc(3.3333333333rem / var(--scale))}.sm-b-0{margin-bottom:calc(0rem / var(--scale))}.sm-b-2{margin-bottom:calc(.1666666667rem / var(--scale))}.sm-b-4{margin-bottom:calc(.3333333333rem / var(--scale))}.sm-b-8{margin-bottom:calc(.6666666667rem / var(--scale))}.sm-b-12{margin-bottom:calc(1rem / var(--scale))}.sm-b-16{margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-b-24{margin-bottom:calc(2rem / var(--scale))}.sm-b-36{margin-bottom:calc(3rem / var(--scale))}.sm-b-40{margin-bottom:calc(3.3333333333rem / var(--scale))}.sm-l-0{margin-left:calc(0rem / var(--scale))}.sm-l-2{margin-left:calc(.1666666667rem / var(--scale))}.sm-l-4{margin-left:calc(.3333333333rem / var(--scale))}.sm-l-8{margin-left:calc(.6666666667rem / var(--scale))}.sm-l-12{margin-left:calc(1rem / var(--scale))}.sm-l-16{margin-left:calc(1.3333333333rem / var(--scale))}.sm-l-24{margin-left:calc(2rem / var(--scale))}.sm-l-36{margin-left:calc(3rem / var(--scale))}.sm-l-40{margin-left:calc(3.3333333333rem / var(--scale))}.sm-r-0{margin-right:calc(0rem / var(--scale))}.sm-r-2{margin-right:calc(.1666666667rem / var(--scale))}.sm-r-4{margin-right:calc(.3333333333rem / var(--scale))}.sm-r-8{margin-right:calc(.6666666667rem / var(--scale))}.sm-r-12{margin-right:calc(1rem / var(--scale))}.sm-r-16{margin-right:calc(1.3333333333rem / var(--scale))}.sm-r-24{margin-right:calc(2rem / var(--scale))}.sm-r-36{margin-right:calc(3rem / var(--scale))}.sm-r-40{margin-right:calc(3.3333333333rem / var(--scale))}.sp-x-0{padding-left:calc(0rem / var(--scale));padding-right:calc(0rem / var(--scale))}.sp-x-2{padding-left:calc(.1666666667rem / var(--scale));padding-right:calc(.1666666667rem / var(--scale))}.sp-x-4{padding-left:calc(.3333333333rem / var(--scale));padding-right:calc(.3333333333rem / var(--scale))}.sp-x-8{padding-left:calc(.6666666667rem / var(--scale));padding-right:calc(.6666666667rem / var(--scale))}.sp-x-12{padding-left:calc(1rem / var(--scale));padding-right:calc(1rem / var(--scale))}.sp-x-16{padding-left:calc(1.3333333333rem / var(--scale));padding-right:calc(1.3333333333rem / var(--scale))}.sp-x-24{padding-left:calc(2rem / var(--scale));padding-right:calc(2rem / var(--scale))}.sp-x-36{padding-left:calc(3rem / var(--scale));padding-right:calc(3rem / var(--scale))}.sp-x-40{padding-left:calc(3.3333333333rem / var(--scale));padding-right:calc(3.3333333333rem / var(--scale))}.sp-y-0{padding-top:calc(0rem / var(--scale));padding-bottom:calc(0rem / var(--scale))}.sp-y-2{padding-top:calc(.1666666667rem / var(--scale));padding-bottom:calc(.1666666667rem / var(--scale))}.sp-y-4{padding-top:calc(.3333333333rem / var(--scale));padding-bottom:calc(.3333333333rem / var(--scale))}.sp-y-8{padding-top:calc(.6666666667rem / var(--scale));padding-bottom:calc(.6666666667rem / var(--scale))}.sp-y-12{padding-top:calc(1rem / var(--scale));padding-bottom:calc(1rem / var(--scale))}.sp-y-16{padding-top:calc(1.3333333333rem / var(--scale));padding-bottom:calc(1.3333333333rem / var(--scale))}.sp-y-24{padding-top:calc(2rem / var(--scale));padding-bottom:calc(2rem / var(--scale))}.sp-y-36{padding-top:calc(3rem / var(--scale));padding-bottom:calc(3rem / var(--scale))}.sp-y-40{padding-top:calc(3.3333333333rem / var(--scale));padding-bottom:calc(3.3333333333rem / var(--scale))}.sm-x-0{margin-left:calc(0rem / var(--scale));margin-right:calc(0rem / var(--scale))}.sm-x-2{margin-left:calc(.1666666667rem / var(--scale));margin-right:calc(.1666666667rem / var(--scale))}.sm-x-4{margin-left:calc(.3333333333rem / var(--scale));margin-right:calc(.3333333333rem / var(--scale))}.sm-x-8{margin-left:calc(.6666666667rem / var(--scale));margin-right:calc(.6666666667rem / var(--scale))}.sm-x-12{margin-left:calc(1rem / var(--scale));margin-right:calc(1rem / var(--scale))}.sm-x-16{margin-left:calc(1.3333333333rem / var(--scale));margin-right:calc(1.3333333333rem / var(--scale))}.sm-x-24{margin-left:calc(2rem / var(--scale));margin-right:calc(2rem / var(--scale))}.sm-x-36{margin-left:calc(3rem / var(--scale));margin-right:calc(3rem / var(--scale))}.sm-x-40{margin-left:calc(3.3333333333rem / var(--scale));margin-right:calc(3.3333333333rem / var(--scale))}.sm-y-0{margin-top:calc(0rem / var(--scale));margin-bottom:calc(0rem / var(--scale))}.sm-y-2{margin-top:calc(.1666666667rem / var(--scale));margin-bottom:calc(.1666666667rem / var(--scale))}.sm-y-4{margin-top:calc(.3333333333rem / var(--scale));margin-bottom:calc(.3333333333rem / var(--scale))}.sm-y-8{margin-top:calc(.6666666667rem / var(--scale));margin-bottom:calc(.6666666667rem / var(--scale))}.sm-y-12{margin-top:calc(1rem / var(--scale));margin-bottom:calc(1rem / var(--scale))}.sm-y-16{margin-top:calc(1.3333333333rem / var(--scale));margin-bottom:calc(1.3333333333rem / var(--scale))}.sm-y-24{margin-top:calc(2rem / var(--scale));margin-bottom:calc(2rem / var(--scale))}.sm-y-36{margin-top:calc(3rem / var(--scale));margin-bottom:calc(3rem / var(--scale))}.sm-y-40{margin-top:calc(3.3333333333rem / var(--scale));margin-bottom:calc(3.3333333333rem / var(--scale))}.br-0{border-radius:calc(0rem / var(--scale))}.br-4{border-radius:calc(.3333333333rem / var(--scale))}.br-8{border-radius:calc(.6666666667rem / var(--scale))}.br-16{border-radius:calc(1.3333333333rem / var(--scale))}.br-24{border-radius:calc(2rem / var(--scale))}.br-36{border-radius:calc(3rem / var(--scale))}.br-200{border-radius:calc(16.6666666667rem / var(--scale))}.checkbox-container,.item,.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)}.checkbox-container.disabled-option,.item.disabled-option,.multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.checkbox-container.disabled-option input[type=checkbox]:checked,.item.disabled-option input[type=checkbox]:checked,.multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.checkbox-container.disabled-option input[type=checkbox]:checked:after,.item.disabled-option input[type=checkbox]:checked:after,.multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.checkbox-container.disabled-option::selection,.item.disabled-option::selection,.multiitem.disabled-option::selection{background-color:transparent}.checkbox-container input[type=checkbox],.item input[type=checkbox],.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}.checkbox-container input[type=checkbox]:after,.item input[type=checkbox]:after,.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}.checkbox-container input[type=checkbox]:checked,.item input[type=checkbox]:checked,.multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.checkbox-container input[type=checkbox]:checked:after,.item input[type=checkbox]:checked:after,.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))}.checkbox-container input[type=checkbox]:indeterminate,.item input[type=checkbox]:indeterminate,.multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.checkbox-container input[type=checkbox]:indeterminate:after,.item input[type=checkbox]:indeterminate:after,.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))}.checkbox-container input[type=checkbox]:disabled,.item input[type=checkbox]:disabled,.multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:disabled+span,.item input[type=checkbox]:disabled+span,.multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.checkbox-container input[type=checkbox]:checked:disabled,.item input[type=checkbox]:checked:disabled,.multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.checkbox-container input[type=checkbox]:checked:disabled:after,.item input[type=checkbox]:checked:disabled:after,.multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.cats-dialog-overlay{position:fixed;top:0;left:0;background:#040d17b2;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;z-index:10}.cats-dialog-overlay .cats-dialog{width:calc(100% - 8rem / var(--scale));height:calc(100% - 4rem / var(--scale));background:var(--surface-background-canvas);border-radius:calc(1.3333333333rem / var(--scale));display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;box-shadow:0 calc(.6666666667rem / var(--scale)) calc(.6666666667rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow) 0 calc(1.6666666667rem / var(--scale)) calc(2rem / var(--scale)) calc(-.3333333333rem / var(--scale)) var(--box-shadow-200);overflow:hidden}.cats-dialog-overlay .cats-dialog.expanded{width:100%;height:100%;border-radius:0}.cats-dialog-overlay .cats-dialog .cats-dialog-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding:calc(1.3333333333rem / var(--scale)) calc(2.6666666667rem / var(--scale));height:calc(4.6666666667rem / var(--scale));box-shadow:0 calc(.1666666667rem / var(--scale)) calc(3.3333333333rem / var(--scale)) 0 var(--canvas-shadow)}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-left{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(1.3333333333rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-left .cats-title{font-size:var(--fs-18);line-height:calc(2.3333333333rem / var(--scale));font-weight:600;color:var(--text-heading-primary);max-width:calc(58.3333333333rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-right{display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-header .cats-header-right .cats-icon-btn{border:none;cursor:pointer;width:calc(2.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale))}.cats-dialog-overlay .cats-dialog .cats-dialog-body{height:calc(100% - 64px);flex:1;position:relative}\n"] }]
4068
+ }], propDecorators: { content: [{
4069
+ type: Input
4070
+ }], config: [{
4071
+ type: Input
4072
+ }], dialogRef: [{
4073
+ type: Input
4074
+ }], expandable: [{
4075
+ type: Input
4076
+ }], vc: [{
4077
+ type: ViewChild,
4078
+ args: ['vc', { read: ViewContainerRef, static: true }]
4079
+ }] } });
4080
+
4081
+ class DialogRef {
4082
+ id;
4083
+ afterClosed$ = new Subject();
4084
+ constructor(id) {
4085
+ this.id = id;
4086
+ }
4087
+ close(result) {
4088
+ this.afterClosed$.next(result);
4089
+ this.afterClosed$.complete();
4090
+ }
4091
+ afterClosed() {
4092
+ return this.afterClosed$.asObservable();
4093
+ }
4094
+ }
4095
+
4096
+ class DialogBoxService {
4097
+ appRef;
4098
+ injector;
4099
+ dialogs = new Map();
4100
+ constructor(appRef, injector) {
4101
+ this.appRef = appRef;
4102
+ this.injector = injector;
4103
+ }
4104
+ open(componentOrTemplate, config = {}) {
4105
+ const id = config.id || this.generateId();
4106
+ const dialogRef = new DialogRef(id);
4107
+ this.dialogs.set(id, dialogRef);
4108
+ const componentRef = createComponent(DialogBoxComponent, {
4109
+ environmentInjector: this.injector,
4110
+ });
4111
+ componentRef.instance.content = componentOrTemplate;
4112
+ componentRef.instance.config = config;
4113
+ componentRef.instance.dialogRef = dialogRef;
4114
+ this.appRef.attachView(componentRef.hostView);
4115
+ const domElem = componentRef.hostView.rootNodes[0];
4116
+ document.body.appendChild(domElem);
4117
+ dialogRef.afterClosed().subscribe(() => {
4118
+ this.appRef.detachView(componentRef.hostView);
4119
+ componentRef.destroy();
4120
+ this.dialogs.delete(id);
4121
+ });
4122
+ return dialogRef;
4123
+ }
4124
+ close(id) {
4125
+ this.dialogs.get(id)?.close();
4126
+ }
4127
+ closeAll() {
4128
+ this.dialogs.forEach((dialog) => dialog.close());
4129
+ }
4130
+ generateId() {
4131
+ return 'dialog-' + Math.random().toString(36).substring(2, 9);
4132
+ }
4133
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DialogBoxService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
4134
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DialogBoxService, providedIn: 'root' });
4135
+ }
4136
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DialogBoxService, decorators: [{
4137
+ type: Injectable,
4138
+ args: [{
4139
+ providedIn: 'root',
4140
+ }]
4141
+ }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }] });
4142
+
4143
+ class SidebarComponent {
4144
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4145
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: SidebarComponent, isStandalone: true, selector: "cats-ui-sidebar", ngImport: i0, template: "<p>sidebar works!</p>\r\n", styles: [""] });
4146
+ }
4147
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SidebarComponent, decorators: [{
4148
+ type: Component,
4149
+ args: [{ selector: 'cats-ui-sidebar', imports: [], template: "<p>sidebar works!</p>\r\n" }]
4002
4150
  }] });
4003
4151
 
4004
4152
  /*
@@ -4009,5 +4157,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
4009
4157
  * Generated bundle index. Do not edit.
4010
4158
  */
4011
4159
 
4012
- export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, FileUploadComponent, HeaderComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SingleSelectComponent, SingleSelectConfig, TabContentComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
4160
+ export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DialogBoxComponent, DialogBoxService, FileUploadComponent, HeaderComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SidebarComponent, SingleSelectComponent, SingleSelectConfig, TabContentComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
4013
4161
  //# sourceMappingURL=cats-ui-lib.mjs.map