cats-ui-lib 2.2.1 → 2.2.3

package/fesm2022/cats-ui-lib.mjs

@@ -1936,7 +1936,7 @@ class TimeInputComponent {
         this.emitTime();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: TimeInputComponent, isStandalone: true, selector: "cats-time-input", outputs: { timeChange: "timeChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: TimeInputComponent, isStandalone: true, selector: "cats-time-input", outputs: { timeChange: "timeChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => TimeInputComponent),
@@ -1947,7 +1947,7 @@ class TimeInputComponent {
                 useExisting: forwardRef(() => TimeInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"footer-row time-row\">\r\n  <span class=\"footer-label body-large sp-x-12\">Time</span>\r\n  <div class=\"footer-value-wrapper sp-x-12\">\r\n    <div class=\"time-input-wrapper\">\r\n      <input\r\n        class=\"time-input body-large\"\r\n        type=\"text\"\r\n        [value]=\"timeValue\"\r\n        placeholder=\"HH:MM\"\r\n        (input)=\"handleTimeInput($event)\"\r\n        (blur)=\"onFocusOut()\"\r\n        maxlength=\"5\"\r\n        autocomplete=\"off\"\r\n      />\r\n      <div class=\"period-toggle\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'AM'\"\r\n          (click)=\"setPeriod('AM')\"\r\n        >\r\n          AM\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'PM'\"\r\n          (click)=\"setPeriod('PM')\"\r\n        >\r\n          PM\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <img\r\n      src=\"images/x-cancel-btn.svg\"\r\n      alt=\"Clear\"\r\n      class=\"cancel-btn\"\r\n      (click)=\"clear();\"\r\n    />\r\n  </div>\r\n</div>", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.footer-row.label-row.muted{background:#f9fafb}.footer-row.label-row.muted .footer-value{color:#9ca3af}.footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.footer-row .footer-value-wrapper img{cursor:pointer}.footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;min-width:unset;cursor:pointer;color:var(--text-heading-secondary);transition:background .15s,color .15s;border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:0}.footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}\n"] });
+        ], ngImport: i0, template: "<div class=\"footer-row time-row\">\r\n  <span class=\"footer-label body-large sp-x-12\">Time</span>\r\n  <div class=\"footer-value-wrapper sp-x-12\">\r\n    <div class=\"time-input-wrapper\">\r\n      <input\r\n        class=\"time-input body-large\"\r\n        type=\"text\"\r\n        [value]=\"timeValue\"\r\n        placeholder=\"HH:MM\"\r\n        (input)=\"handleTimeInput($event)\"\r\n        (blur)=\"onFocusOut()\"\r\n        maxlength=\"5\"\r\n        autocomplete=\"off\"\r\n      />\r\n      <div class=\"period-toggle\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'AM'\"\r\n          (click)=\"setPeriod('AM')\"\r\n        >\r\n          AM\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'PM'\"\r\n          (click)=\"setPeriod('PM')\"\r\n        >\r\n          PM\r\n        </button>\r\n      </div>\r\n    </div>\r\n    @if (timeValue) {\r\n      <img\r\n        src=\"images/x-cancel-btn.svg\"\r\n        alt=\"Clear\"\r\n        class=\"cancel-btn\"\r\n        (click)=\"clear()\"\r\n      />\r\n    }\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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.footer-row.label-row.muted{background:#f9fafb}.footer-row.label-row.muted .footer-value{color:#9ca3af}.footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.footer-row .footer-value-wrapper img{cursor:pointer}.footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;min-width:unset;cursor:pointer;color:var(--text-heading-secondary);transition:background .15s,color .15s;border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:0}.footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TimeInputComponent, decorators: [{
             type: Component,
@@ -1962,7 +1962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                             useExisting: forwardRef(() => TimeInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"footer-row time-row\">\r\n  <span class=\"footer-label body-large sp-x-12\">Time</span>\r\n  <div class=\"footer-value-wrapper sp-x-12\">\r\n    <div class=\"time-input-wrapper\">\r\n      <input\r\n        class=\"time-input body-large\"\r\n        type=\"text\"\r\n        [value]=\"timeValue\"\r\n        placeholder=\"HH:MM\"\r\n        (input)=\"handleTimeInput($event)\"\r\n        (blur)=\"onFocusOut()\"\r\n        maxlength=\"5\"\r\n        autocomplete=\"off\"\r\n      />\r\n      <div class=\"period-toggle\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'AM'\"\r\n          (click)=\"setPeriod('AM')\"\r\n        >\r\n          AM\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'PM'\"\r\n          (click)=\"setPeriod('PM')\"\r\n        >\r\n          PM\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <img\r\n      src=\"images/x-cancel-btn.svg\"\r\n      alt=\"Clear\"\r\n      class=\"cancel-btn\"\r\n      (click)=\"clear();\"\r\n    />\r\n  </div>\r\n</div>", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.footer-row.label-row.muted{background:#f9fafb}.footer-row.label-row.muted .footer-value{color:#9ca3af}.footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.footer-row .footer-value-wrapper img{cursor:pointer}.footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;min-width:unset;cursor:pointer;color:var(--text-heading-secondary);transition:background .15s,color .15s;border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:0}.footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}\n"] }]
+                    ], template: "<div class=\"footer-row time-row\">\r\n  <span class=\"footer-label body-large sp-x-12\">Time</span>\r\n  <div class=\"footer-value-wrapper sp-x-12\">\r\n    <div class=\"time-input-wrapper\">\r\n      <input\r\n        class=\"time-input body-large\"\r\n        type=\"text\"\r\n        [value]=\"timeValue\"\r\n        placeholder=\"HH:MM\"\r\n        (input)=\"handleTimeInput($event)\"\r\n        (blur)=\"onFocusOut()\"\r\n        maxlength=\"5\"\r\n        autocomplete=\"off\"\r\n      />\r\n      <div class=\"period-toggle\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'AM'\"\r\n          (click)=\"setPeriod('AM')\"\r\n        >\r\n          AM\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          class=\"period-btn body-medium\"\r\n          [class.active]=\"timeMeridiem === 'PM'\"\r\n          (click)=\"setPeriod('PM')\"\r\n        >\r\n          PM\r\n        </button>\r\n      </div>\r\n    </div>\r\n    @if (timeValue) {\r\n      <img\r\n        src=\"images/x-cancel-btn.svg\"\r\n        alt=\"Clear\"\r\n        class=\"cancel-btn\"\r\n        (click)=\"clear()\"\r\n      />\r\n    }\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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.footer-row.label-row.muted{background:#f9fafb}.footer-row.label-row.muted .footer-value{color:#9ca3af}.footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.footer-row .footer-value-wrapper img{cursor:pointer}.footer-row .time-input-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.footer-row .time-input-wrapper .time-input{border:none;color:var(--text-heading-primary);width:calc(10.75rem / var(--scale));outline:none}.footer-row .time-input-wrapper .time-input::placeholder{color:#d1d5db}.footer-row .time-input-wrapper .period-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:0;width:calc(6.3333333333rem / var(--scale));height:calc(2.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));overflow:hidden;margin-left:auto}.footer-row .time-input-wrapper .period-toggle .period-btn{width:calc(3.1666666667rem / var(--scale));height:calc(2.3333333333rem / var(--scale));background:var(--surface-background-canvas);padding:0;min-width:unset;cursor:pointer;color:var(--text-heading-secondary);transition:background .15s,color .15s;border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:0}.footer-row .time-input-wrapper .period-toggle .period-btn.active{background:var(--blue-100);color:var(--surface-action-hover);border-color:var(--border-interaction-default)}.footer-row .time-input-wrapper .period-toggle .period-btn:hover:not(.active){background:#f3f4f6}\n"] }]
         }], propDecorators: { timeChange: [{
                 type: Output
             }] } });
@@ -2761,7 +2761,7 @@ class CustomDatePickerComponent {
                 useExisting: forwardRef(() => CustomDatePickerComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"date-picker-wrapper\" id=\"custom-date\">\r\n  <!-- Label -->\r\n  @if (label) {\r\n    <label class=\"date-label\">{{ label }}</label>\r\n  }\r\n\r\n  <!-- Input Trigger -->\r\n  @if (showTrigger) {\r\n    <div\r\n      class=\"date-input\"\r\n      [class.is-open]=\"isOpen\"\r\n      [class.has-value]=\"displayValue\"\r\n      (click)=\"toggleCalendar()\"\r\n    >\r\n      <span class=\"date-input-text\" [class.custom-placeholder]=\"!displayValue\">\r\n        {{ displayValue || config.placeholder || \"Select date\" }}\r\n      </span>\r\n\r\n      <svg\r\n        class=\"calendar-icon\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n      >\r\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\r\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\r\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\r\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\r\n      </svg>\r\n\r\n      @if (displayValue) {\r\n        <span class=\"clear-btn\" (click)=\"$event.stopPropagation(); clearDate()\">\r\n          <img src=\"images/x.svg\" alt=\"\" />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Calendar Dropdown -->\r\n  @if (!showTrigger || isOpen) {\r\n    <div\r\n      id=\"date-input-container\"\r\n      class=\"calendar-dropdown sp-16 br-8\"\r\n      [ngClass]=\"{ 'month-year-view': calenderView != 'day' }\"\r\n    >\r\n      <div class=\"calendar-header sm-b-12\">\r\n        <div class=\"nav-btn br-4\" (click)=\"prevMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"month-year body-medium\">\r\n          @if (mode === \"dual\") {\r\n            @if (calenderView == \"day\" || activeCalendar != \"secondary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('primary', 'month')\">{{\r\n                  currentMonthName\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('primary', 'year')\">{{\r\n                  currentYear\r\n                }}</span>\r\n              </div>\r\n            }\r\n\r\n            @if (calenderView == \"day\" || activeCalendar != \"primary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('secondary', 'month')\">{{\r\n                  monthNames[currentMonth2]\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('secondary', 'year')\">{{\r\n                  currentYear2\r\n                }}</span>\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"month-year-wrapper\">\r\n              <span class=\"month\" (click)=\"calenderView = 'month'\">{{\r\n                currentMonthName\r\n              }}</span>\r\n              <span class=\"year\" (click)=\"calenderView = 'year'\">{{\r\n                currentYear\r\n              }}</span>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"nav-btn br-4\" (click)=\"nextMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n\r\n      @if (calenderView == \"month\") {\r\n        <div class=\"month-grid\">\r\n          @for (month of monthNames; track month) {\r\n            <span\r\n              class=\"month\"\r\n              (click)=\"selectMonth(month)\"\r\n              [ngClass]=\"{ selected: month == activeMonthName }\"\r\n              >{{ month }}</span\r\n            >\r\n          }\r\n        </div>\r\n      } @else if (calenderView == \"year\") {\r\n        <div class=\"year-selector\">\r\n          <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n            <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n          </span>\r\n          <div class=\"year-grid\">\r\n            @for (year of yearRange; track year) {\r\n              <span\r\n                class=\"year\"\r\n                (click)=\"selectYear(year)\"\r\n                [ngClass]=\"{ selected: year == activeYearValue }\"\r\n                >{{ year }}</span\r\n              >\r\n            }\r\n          </div>\r\n          <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n            <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n          </span>\r\n        </div>\r\n      } @else {\r\n        <!-- Weekday Headers -->\r\n        <div class=\"day_wrapper\">\r\n          @if (mode === \"dual\") {\r\n            <div class=\"dual-calendar\">\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth\"\r\n                  [year]=\"currentYear\"\r\n                  [calendarDays]=\"calendarDays\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'primary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth2\"\r\n                  [year]=\"currentYear2\"\r\n                  [calendarDays]=\"calendarDays2\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'secondary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <custom-calendar-grid\r\n              [month]=\"currentMonth\"\r\n              [year]=\"currentYear\"\r\n              [calendarDays]=\"calendarDays\"\r\n              [weekDays]=\"weekDays\"\r\n              [parent]=\"this\"\r\n              (daySelected)=\"onDaySelected($event, 'primary')\"\r\n            ></custom-calendar-grid>\r\n          }\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          class=\"calendar-footer sm-b-16\"\r\n          [ngClass]=\"{ 'dual-calendar': config.mode === 'dual' }\"\r\n        >\r\n          <!-- SINGLE MODE footer -->\r\n          @if (mode === \"single\" && showDateLabel) {\r\n            <div class=\"calendar-footer-wrapper\">\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">Date</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempDisplayValue\r\n                  }}</span>\r\n                  <img\r\n                    (click)=\"cancelDate('single')\"\r\n                    src=\"images/x-cancel-btn.svg\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            @if (time) {\r\n              <cats-time-input\r\n                [(ngModel)]=\"singleTimeInSeconds\"\r\n                (timeChange)=\"onSingleTimeChange($event)\"\r\n              ></cats-time-input>\r\n            }\r\n          }\r\n\r\n          <!-- RANGE MODE footer -->\r\n          @if (mode === \"range\" || mode === \"dual\") {\r\n            <div\r\n              class=\"calendar-footer-wrapper\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">From</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempFromDisplay\r\n                  }}</span>\r\n                  <img\r\n                    (click)=\"cancelDate('from')\"\r\n                    src=\"images/x-cancel-btn.svg\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"fromTimeInSeconds\"\r\n                  (timeChange)=\"onFromTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n            <div\r\n              class=\"dual-calendar-border-top\"\r\n              [ngClass]=\"{ 'calendar-footer-wrapper': time, 'sp-t-12': time }\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\" [class.muted]=\"!tempTo\">\r\n                <span class=\"footer-label body-large sp-x-12\">To</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempToDisplay\r\n                  }}</span>\r\n                  <img\r\n                    (click)=\"cancelDate('to')\"\r\n                    src=\"images/x-cancel-btn.svg\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"toTimeInSeconds\"\r\n                  (timeChange)=\"onToTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n        <!-- Action Buttons -->\r\n        <div class=\"footer-actions\">\r\n          <button\r\n            class=\"btn-cancel footer-btn body-medium\"\r\n            (click)=\"onCancel()\"\r\n            type=\"button\"\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn-apply footer-btn body-medium\"\r\n            (click)=\"onApply()\"\r\n            type=\"button\"\r\n            [disabled]=\"!canApply\"\r\n          >\r\n            Apply\r\n          </button>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.date-picker-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));font-family:Inter,-apple-system,sans-serif}.date-picker-wrapper .date-label{font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:500;color:#6b7280}.date-picker-wrapper .date-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.4166666667rem / var(--scale));background:var(--surface-background-canvas);cursor:pointer;min-width:calc(16.6666666667rem / var(--scale));transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.date-picker-wrapper .date-input:hover{border-color:var(--border-interaction-focus)}.date-picker-wrapper .date-input .calendar-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));color:#9ca3af;flex-shrink:0}.date-picker-wrapper .date-input .date-input-text{flex:1;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-secondary);background-color:var(--surface-background-canvas)}.date-picker-wrapper .date-input .date-input-text.custom-placeholder{color:#9ca3af;font-weight:400}.date-picker-wrapper .date-input .clear-btn{cursor:pointer;padding:calc(.1666666667rem / var(--scale)) calc(.4166666667rem / var(--scale));transition:background .15s}.date-picker-wrapper .date-input .clear-btn:hover{background:#f3f4f6}.date-picker-wrapper .calendar-dropdown{min-width:calc(30.6666666667rem / var(--scale));max-width:calc(60.6666666667rem / var(--scale));min-height:calc(34.5rem / var(--scale));position:absolute;top:calc(100% + .0833333333rem / var(--scale));left:0;z-index:1000;background:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) var(--canvas-shadow);overflow:hidden;animation:dropIn .15s ease}.date-picker-wrapper .calendar-dropdown.open-top{top:auto;bottom:calc(100% + .0833333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown.month-year-view{width:calc(30.8333333333rem / var(--scale));min-height:calc(34.5rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;flex:1;margin:0 calc(7.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper{width:calc(7.3333333333rem / var(--scale));height:calc(1.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .month{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .year{color:var(--text-body-secondary)}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow);background-color:var(--surface-background-canvas);transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn i-feather,.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.4166666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector .year-grid{flex:1;border-top:none;padding-top:0;height:calc(27.25rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid,.date-picker-wrapper .calendar-dropdown .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(28.3333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month,.date-picker-wrapper .calendar-dropdown .year-grid .year,.date-picker-wrapper .calendar-dropdown .month-grid .month,.date-picker-wrapper .calendar-dropdown .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month:hover,.date-picker-wrapper .calendar-dropdown .year-grid .month.selected,.date-picker-wrapper .calendar-dropdown .year-grid .year:hover,.date-picker-wrapper .calendar-dropdown .year-grid .year.selected,.date-picker-wrapper .calendar-dropdown .month-grid .month:hover,.date-picker-wrapper .calendar-dropdown .month-grid .month.selected,.date-picker-wrapper .calendar-dropdown .month-grid .year:hover,.date-picker-wrapper .calendar-dropdown .month-grid .year.selected{color:var(--text-heading-inverse);background-color:var(--surface-action-default);transition:ease-in-out .2s}.date-picker-wrapper .calendar-dropdown .day_wrapper .dual-calendar{display:grid;grid-template-columns:1fr 1fr;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .day_wrapper .calendar-panel{display:flex;flex-direction:column}.date-picker-wrapper .calendar-dropdown .calendar-footer{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .calendar-footer-wrapper{border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:100%;padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted{background:#f9fafb}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted .footer-value{color:#9ca3af}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper img{cursor:pointer}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar{display:flex;flex-direction:row;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar .dual-calendar-border-top{display:flex;flex-direction:column;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions .footer-btn{width:calc(7.5rem / var(--scale));height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer;transition:border-color .15s,background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply{border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-action-default);color:var(--text-heading-inverse);cursor:pointer;transition:background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:hover:not(:disabled){background:#2563eb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:disabled{background:#bfdbfe}.date-picker-wrapper .calendar-dropdown:has(.dual-calendar):after{content:\"\";position:absolute;top:calc(1.3333333333rem / var(--scale));left:calc(30.3333333333rem / var(--scale));width:calc(.0833333333rem / var(--scale));height:83%;background-color:var(--border-core-default)}button{min-width:unset;height:unset}@keyframes dropIn{0%{opacity:0;transform:translateY(calc(-.5rem / var(--scale)))}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CalendarGridComponent, selector: "custom-calendar-grid", inputs: ["month", "year", "calendarDays", "weekDays", "parent"], outputs: ["daySelected"] }, { kind: "component", type: TimeInputComponent, selector: "cats-time-input", outputs: ["timeChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"date-picker-wrapper\" id=\"custom-date\">\r\n  <!-- Label -->\r\n  @if (label) {\r\n    <label class=\"date-label\">{{ label }}</label>\r\n  }\r\n\r\n  <!-- Input Trigger -->\r\n  @if (showTrigger) {\r\n    <div\r\n      class=\"date-input\"\r\n      [class.is-open]=\"isOpen\"\r\n      [class.has-value]=\"displayValue\"\r\n      (click)=\"toggleCalendar()\"\r\n    >\r\n      <span class=\"date-input-text\" [class.custom-placeholder]=\"!displayValue\">\r\n        {{ displayValue || config.placeholder || \"Select date\" }}\r\n      </span>\r\n\r\n      <svg\r\n        class=\"calendar-icon\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n      >\r\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\r\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\r\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\r\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\r\n      </svg>\r\n\r\n      <!-- @if (displayValue) {\r\n        <span class=\"clear-btn\" (click)=\"$event.stopPropagation(); clearDate()\">\r\n          <img src=\"images/x.svg\" alt=\"\" />\r\n        </span>\r\n      } -->\r\n    </div>\r\n  }\r\n\r\n  <!-- Calendar Dropdown -->\r\n  @if (!showTrigger || isOpen) {\r\n    <div\r\n      catsOutsideClick\r\n      (clickOutSide)=\"isOpen = false\"\r\n      id=\"date-input-container\"\r\n      class=\"calendar-dropdown sp-16 br-8\"\r\n      [ngClass]=\"{ 'month-year-view': calenderView != 'day' }\"\r\n    >\r\n      <div class=\"calendar-header sm-b-12\">\r\n        <div class=\"nav-btn br-4\" (click)=\"prevMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"month-year body-medium\">\r\n          @if (mode === \"dual\") {\r\n            @if (calenderView == \"day\" || activeCalendar != \"secondary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('primary', 'month')\">{{\r\n                  currentMonthName\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('primary', 'year')\">{{\r\n                  currentYear\r\n                }}</span>\r\n              </div>\r\n            }\r\n\r\n            @if (calenderView == \"day\" || activeCalendar != \"primary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('secondary', 'month')\">{{\r\n                  monthNames[currentMonth2]\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('secondary', 'year')\">{{\r\n                  currentYear2\r\n                }}</span>\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"month-year-wrapper\">\r\n              <span class=\"month\" (click)=\"calenderView = 'month'\">{{\r\n                currentMonthName\r\n              }}</span>\r\n              <span class=\"year\" (click)=\"calenderView = 'year'\">{{\r\n                currentYear\r\n              }}</span>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"nav-btn br-4\" (click)=\"nextMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n\r\n      @if (calenderView == \"month\") {\r\n        <div class=\"month-grid\">\r\n          @for (month of monthNames; track month) {\r\n            <span\r\n              class=\"month\"\r\n              (click)=\"selectMonth(month)\"\r\n              [ngClass]=\"{ selected: month == activeMonthName }\"\r\n              >{{ month }}</span\r\n            >\r\n          }\r\n        </div>\r\n      } @else if (calenderView == \"year\") {\r\n        <div class=\"year-selector\">\r\n          <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n            <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n          </span>\r\n          <div class=\"year-grid\">\r\n            @for (year of yearRange; track year) {\r\n              <span\r\n                class=\"year\"\r\n                (click)=\"selectYear(year)\"\r\n                [ngClass]=\"{ selected: year == activeYearValue }\"\r\n                >{{ year }}</span\r\n              >\r\n            }\r\n          </div>\r\n          <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n            <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n          </span>\r\n        </div>\r\n      } @else {\r\n        <!-- Weekday Headers -->\r\n        <div class=\"day_wrapper\">\r\n          @if (mode === \"dual\") {\r\n            <div class=\"dual-calendar\">\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth\"\r\n                  [year]=\"currentYear\"\r\n                  [calendarDays]=\"calendarDays\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'primary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth2\"\r\n                  [year]=\"currentYear2\"\r\n                  [calendarDays]=\"calendarDays2\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'secondary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <custom-calendar-grid\r\n              [month]=\"currentMonth\"\r\n              [year]=\"currentYear\"\r\n              [calendarDays]=\"calendarDays\"\r\n              [weekDays]=\"weekDays\"\r\n              [parent]=\"this\"\r\n              (daySelected)=\"onDaySelected($event, 'primary')\"\r\n            ></custom-calendar-grid>\r\n          }\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          class=\"calendar-footer sm-b-16\"\r\n          [ngClass]=\"{ 'dual-calendar': config.mode === 'dual' }\"\r\n        >\r\n          <!-- SINGLE MODE footer -->\r\n          @if (mode === \"single\" && showDateLabel) {\r\n            <div class=\"calendar-footer-wrapper\">\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">Date</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempDisplayValue\r\n                  }}</span>\r\n                  @if (tempDate) {\r\n                    <img\r\n                      (click)=\"cancelDate('single')\"\r\n                      src=\"images/x-cancel-btn.svg\"\r\n                      alt=\"\"\r\n                    />\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n            @if (time) {\r\n              <cats-time-input\r\n                [(ngModel)]=\"singleTimeInSeconds\"\r\n                (timeChange)=\"onSingleTimeChange($event)\"\r\n              ></cats-time-input>\r\n            }\r\n          }\r\n\r\n          <!-- RANGE MODE footer -->\r\n          @if (mode === \"range\" || mode === \"dual\") {\r\n            <div\r\n              class=\"calendar-footer-wrapper\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">From</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempFromDisplay\r\n                  }}</span>\r\n                  @if (tempFrom) {\r\n                    <img\r\n                      (click)=\"cancelDate('from')\"\r\n                      src=\"images/x-cancel-btn.svg\"\r\n                      alt=\"\"\r\n                    />\r\n                  }\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"fromTimeInSeconds\"\r\n                  (timeChange)=\"onFromTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n            <div\r\n              class=\"dual-calendar-border-top\"\r\n              [ngClass]=\"{ 'calendar-footer-wrapper': time, 'sp-t-12': time }\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\" [class.muted]=\"!tempTo\">\r\n                <span class=\"footer-label body-large sp-x-12\">To</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempToDisplay\r\n                  }}</span>\r\n                  @if (tempTo) {\r\n                    <img\r\n                      (click)=\"cancelDate('to')\"\r\n                      src=\"images/x-cancel-btn.svg\"\r\n                      alt=\"\"\r\n                    />\r\n                  }\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"toTimeInSeconds\"\r\n                  (timeChange)=\"onToTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n        <!-- Action Buttons -->\r\n        <div class=\"footer-actions\">\r\n          <button\r\n            class=\"btn-cancel footer-btn body-medium\"\r\n            (click)=\"onCancel()\"\r\n            type=\"button\"\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn-apply footer-btn body-medium\"\r\n            (click)=\"onApply()\"\r\n            type=\"button\"\r\n            [disabled]=\"!canApply\"\r\n          >\r\n            Apply\r\n          </button>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.date-picker-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));font-family:Inter,-apple-system,sans-serif}.date-picker-wrapper .date-label{font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:500;color:#6b7280}.date-picker-wrapper .date-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.4166666667rem / var(--scale));background:var(--surface-background-canvas);cursor:pointer;min-width:calc(16.6666666667rem / var(--scale));transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.date-picker-wrapper .date-input:hover{border-color:var(--border-interaction-focus)}.date-picker-wrapper .date-input .calendar-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));color:#9ca3af;flex-shrink:0}.date-picker-wrapper .date-input .date-input-text{flex:1;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-secondary);background-color:var(--surface-background-canvas)}.date-picker-wrapper .date-input .date-input-text.custom-placeholder{color:#9ca3af;font-weight:400}.date-picker-wrapper .date-input .clear-btn{cursor:pointer;padding:calc(.1666666667rem / var(--scale)) calc(.4166666667rem / var(--scale));transition:background .15s}.date-picker-wrapper .date-input .clear-btn:hover{background:#f3f4f6}.date-picker-wrapper .calendar-dropdown{min-width:calc(30.6666666667rem / var(--scale));max-width:calc(60.6666666667rem / var(--scale));min-height:calc(34.5rem / var(--scale));position:absolute;top:calc(100% + .0833333333rem / var(--scale));left:0;z-index:1000;background:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) var(--canvas-shadow);overflow:hidden;animation:dropIn .15s ease}.date-picker-wrapper .calendar-dropdown.open-top{top:auto;bottom:calc(100% + .0833333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown.month-year-view{width:calc(30.8333333333rem / var(--scale));min-height:calc(34.5rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;flex:1;margin:0 calc(7.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper{width:calc(7.3333333333rem / var(--scale));height:calc(1.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .month{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .year{color:var(--text-body-secondary)}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow);background-color:var(--surface-background-canvas);transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn i-feather,.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.4166666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector .year-grid{flex:1;border-top:none;padding-top:0;height:calc(27.25rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid,.date-picker-wrapper .calendar-dropdown .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(28.3333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month,.date-picker-wrapper .calendar-dropdown .year-grid .year,.date-picker-wrapper .calendar-dropdown .month-grid .month,.date-picker-wrapper .calendar-dropdown .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month:hover,.date-picker-wrapper .calendar-dropdown .year-grid .month.selected,.date-picker-wrapper .calendar-dropdown .year-grid .year:hover,.date-picker-wrapper .calendar-dropdown .year-grid .year.selected,.date-picker-wrapper .calendar-dropdown .month-grid .month:hover,.date-picker-wrapper .calendar-dropdown .month-grid .month.selected,.date-picker-wrapper .calendar-dropdown .month-grid .year:hover,.date-picker-wrapper .calendar-dropdown .month-grid .year.selected{color:var(--text-heading-inverse);background-color:var(--surface-action-default);transition:ease-in-out .2s}.date-picker-wrapper .calendar-dropdown .day_wrapper .dual-calendar{display:grid;grid-template-columns:1fr 1fr;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .day_wrapper .calendar-panel{display:flex;flex-direction:column}.date-picker-wrapper .calendar-dropdown .calendar-footer{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .calendar-footer-wrapper{border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:100%;padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted{background:#f9fafb}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted .footer-value{color:#9ca3af}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper img{cursor:pointer}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar{display:flex;flex-direction:row;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar .dual-calendar-border-top{display:flex;flex-direction:column;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions .footer-btn{width:calc(7.5rem / var(--scale));height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer;transition:border-color .15s,background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply{border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-action-default);color:var(--text-heading-inverse);cursor:pointer;transition:background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:hover:not(:disabled){background:#2563eb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:disabled{background:var(--surface-background-default);border-color:var(--border-core-strong);color:var(--text-body-muted);pointer-events:none}.date-picker-wrapper .calendar-dropdown:has(.dual-calendar):after{content:\"\";position:absolute;top:calc(1.3333333333rem / var(--scale));left:calc(30.3333333333rem / var(--scale));width:calc(.0833333333rem / var(--scale));height:83%;background-color:var(--border-core-default)}button{min-width:unset;height:unset}@keyframes dropIn{0%{opacity:0;transform:translateY(calc(-.5rem / var(--scale)))}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CalendarGridComponent, selector: "custom-calendar-grid", inputs: ["month", "year", "calendarDays", "weekDays", "parent"], outputs: ["daySelected"] }, { kind: "component", type: TimeInputComponent, selector: "cats-time-input", outputs: ["timeChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OutsideClickDirective, selector: "[catsOutsideClick]", outputs: ["clickOutSide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CustomDatePickerComponent, decorators: [{
             type: Component,
@@ -2777,7 +2777,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         TimeInputComponent,
                         FormsModule,
                         OutsideClickDirective,
-                    ], template: "<div class=\"date-picker-wrapper\" id=\"custom-date\">\r\n  <!-- Label -->\r\n  @if (label) {\r\n    <label class=\"date-label\">{{ label }}</label>\r\n  }\r\n\r\n  <!-- Input Trigger -->\r\n  @if (showTrigger) {\r\n    <div\r\n      class=\"date-input\"\r\n      [class.is-open]=\"isOpen\"\r\n      [class.has-value]=\"displayValue\"\r\n      (click)=\"toggleCalendar()\"\r\n    >\r\n      <span class=\"date-input-text\" [class.custom-placeholder]=\"!displayValue\">\r\n        {{ displayValue || config.placeholder || \"Select date\" }}\r\n      </span>\r\n\r\n      <svg\r\n        class=\"calendar-icon\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n      >\r\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\r\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\r\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\r\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\r\n      </svg>\r\n\r\n      @if (displayValue) {\r\n        <span class=\"clear-btn\" (click)=\"$event.stopPropagation(); clearDate()\">\r\n          <img src=\"images/x.svg\" alt=\"\" />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Calendar Dropdown -->\r\n  @if (!showTrigger || isOpen) {\r\n    <div\r\n      id=\"date-input-container\"\r\n      class=\"calendar-dropdown sp-16 br-8\"\r\n      [ngClass]=\"{ 'month-year-view': calenderView != 'day' }\"\r\n    >\r\n      <div class=\"calendar-header sm-b-12\">\r\n        <div class=\"nav-btn br-4\" (click)=\"prevMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"month-year body-medium\">\r\n          @if (mode === \"dual\") {\r\n            @if (calenderView == \"day\" || activeCalendar != \"secondary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('primary', 'month')\">{{\r\n                  currentMonthName\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('primary', 'year')\">{{\r\n                  currentYear\r\n                }}</span>\r\n              </div>\r\n            }\r\n\r\n            @if (calenderView == \"day\" || activeCalendar != \"primary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('secondary', 'month')\">{{\r\n                  monthNames[currentMonth2]\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('secondary', 'year')\">{{\r\n                  currentYear2\r\n                }}</span>\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"month-year-wrapper\">\r\n              <span class=\"month\" (click)=\"calenderView = 'month'\">{{\r\n                currentMonthName\r\n              }}</span>\r\n              <span class=\"year\" (click)=\"calenderView = 'year'\">{{\r\n                currentYear\r\n              }}</span>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"nav-btn br-4\" (click)=\"nextMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n\r\n      @if (calenderView == \"month\") {\r\n        <div class=\"month-grid\">\r\n          @for (month of monthNames; track month) {\r\n            <span\r\n              class=\"month\"\r\n              (click)=\"selectMonth(month)\"\r\n              [ngClass]=\"{ selected: month == activeMonthName }\"\r\n              >{{ month }}</span\r\n            >\r\n          }\r\n        </div>\r\n      } @else if (calenderView == \"year\") {\r\n        <div class=\"year-selector\">\r\n          <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n            <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n          </span>\r\n          <div class=\"year-grid\">\r\n            @for (year of yearRange; track year) {\r\n              <span\r\n                class=\"year\"\r\n                (click)=\"selectYear(year)\"\r\n                [ngClass]=\"{ selected: year == activeYearValue }\"\r\n                >{{ year }}</span\r\n              >\r\n            }\r\n          </div>\r\n          <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n            <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n          </span>\r\n        </div>\r\n      } @else {\r\n        <!-- Weekday Headers -->\r\n        <div class=\"day_wrapper\">\r\n          @if (mode === \"dual\") {\r\n            <div class=\"dual-calendar\">\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth\"\r\n                  [year]=\"currentYear\"\r\n                  [calendarDays]=\"calendarDays\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'primary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth2\"\r\n                  [year]=\"currentYear2\"\r\n                  [calendarDays]=\"calendarDays2\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'secondary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <custom-calendar-grid\r\n              [month]=\"currentMonth\"\r\n              [year]=\"currentYear\"\r\n              [calendarDays]=\"calendarDays\"\r\n              [weekDays]=\"weekDays\"\r\n              [parent]=\"this\"\r\n              (daySelected)=\"onDaySelected($event, 'primary')\"\r\n            ></custom-calendar-grid>\r\n          }\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          class=\"calendar-footer sm-b-16\"\r\n          [ngClass]=\"{ 'dual-calendar': config.mode === 'dual' }\"\r\n        >\r\n          <!-- SINGLE MODE footer -->\r\n          @if (mode === \"single\" && showDateLabel) {\r\n            <div class=\"calendar-footer-wrapper\">\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">Date</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempDisplayValue\r\n                  }}</span>\r\n                  <img\r\n                    (click)=\"cancelDate('single')\"\r\n                    src=\"images/x-cancel-btn.svg\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            @if (time) {\r\n              <cats-time-input\r\n                [(ngModel)]=\"singleTimeInSeconds\"\r\n                (timeChange)=\"onSingleTimeChange($event)\"\r\n              ></cats-time-input>\r\n            }\r\n          }\r\n\r\n          <!-- RANGE MODE footer -->\r\n          @if (mode === \"range\" || mode === \"dual\") {\r\n            <div\r\n              class=\"calendar-footer-wrapper\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">From</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempFromDisplay\r\n                  }}</span>\r\n                  <img\r\n                    (click)=\"cancelDate('from')\"\r\n                    src=\"images/x-cancel-btn.svg\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"fromTimeInSeconds\"\r\n                  (timeChange)=\"onFromTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n            <div\r\n              class=\"dual-calendar-border-top\"\r\n              [ngClass]=\"{ 'calendar-footer-wrapper': time, 'sp-t-12': time }\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\" [class.muted]=\"!tempTo\">\r\n                <span class=\"footer-label body-large sp-x-12\">To</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempToDisplay\r\n                  }}</span>\r\n                  <img\r\n                    (click)=\"cancelDate('to')\"\r\n                    src=\"images/x-cancel-btn.svg\"\r\n                    alt=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"toTimeInSeconds\"\r\n                  (timeChange)=\"onToTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n        <!-- Action Buttons -->\r\n        <div class=\"footer-actions\">\r\n          <button\r\n            class=\"btn-cancel footer-btn body-medium\"\r\n            (click)=\"onCancel()\"\r\n            type=\"button\"\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn-apply footer-btn body-medium\"\r\n            (click)=\"onApply()\"\r\n            type=\"button\"\r\n            [disabled]=\"!canApply\"\r\n          >\r\n            Apply\r\n          </button>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.date-picker-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));font-family:Inter,-apple-system,sans-serif}.date-picker-wrapper .date-label{font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:500;color:#6b7280}.date-picker-wrapper .date-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.4166666667rem / var(--scale));background:var(--surface-background-canvas);cursor:pointer;min-width:calc(16.6666666667rem / var(--scale));transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.date-picker-wrapper .date-input:hover{border-color:var(--border-interaction-focus)}.date-picker-wrapper .date-input .calendar-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));color:#9ca3af;flex-shrink:0}.date-picker-wrapper .date-input .date-input-text{flex:1;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-secondary);background-color:var(--surface-background-canvas)}.date-picker-wrapper .date-input .date-input-text.custom-placeholder{color:#9ca3af;font-weight:400}.date-picker-wrapper .date-input .clear-btn{cursor:pointer;padding:calc(.1666666667rem / var(--scale)) calc(.4166666667rem / var(--scale));transition:background .15s}.date-picker-wrapper .date-input .clear-btn:hover{background:#f3f4f6}.date-picker-wrapper .calendar-dropdown{min-width:calc(30.6666666667rem / var(--scale));max-width:calc(60.6666666667rem / var(--scale));min-height:calc(34.5rem / var(--scale));position:absolute;top:calc(100% + .0833333333rem / var(--scale));left:0;z-index:1000;background:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) var(--canvas-shadow);overflow:hidden;animation:dropIn .15s ease}.date-picker-wrapper .calendar-dropdown.open-top{top:auto;bottom:calc(100% + .0833333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown.month-year-view{width:calc(30.8333333333rem / var(--scale));min-height:calc(34.5rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;flex:1;margin:0 calc(7.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper{width:calc(7.3333333333rem / var(--scale));height:calc(1.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .month{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .year{color:var(--text-body-secondary)}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow);background-color:var(--surface-background-canvas);transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn i-feather,.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.4166666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector .year-grid{flex:1;border-top:none;padding-top:0;height:calc(27.25rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid,.date-picker-wrapper .calendar-dropdown .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(28.3333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month,.date-picker-wrapper .calendar-dropdown .year-grid .year,.date-picker-wrapper .calendar-dropdown .month-grid .month,.date-picker-wrapper .calendar-dropdown .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month:hover,.date-picker-wrapper .calendar-dropdown .year-grid .month.selected,.date-picker-wrapper .calendar-dropdown .year-grid .year:hover,.date-picker-wrapper .calendar-dropdown .year-grid .year.selected,.date-picker-wrapper .calendar-dropdown .month-grid .month:hover,.date-picker-wrapper .calendar-dropdown .month-grid .month.selected,.date-picker-wrapper .calendar-dropdown .month-grid .year:hover,.date-picker-wrapper .calendar-dropdown .month-grid .year.selected{color:var(--text-heading-inverse);background-color:var(--surface-action-default);transition:ease-in-out .2s}.date-picker-wrapper .calendar-dropdown .day_wrapper .dual-calendar{display:grid;grid-template-columns:1fr 1fr;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .day_wrapper .calendar-panel{display:flex;flex-direction:column}.date-picker-wrapper .calendar-dropdown .calendar-footer{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .calendar-footer-wrapper{border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:100%;padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted{background:#f9fafb}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted .footer-value{color:#9ca3af}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper img{cursor:pointer}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar{display:flex;flex-direction:row;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar .dual-calendar-border-top{display:flex;flex-direction:column;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions .footer-btn{width:calc(7.5rem / var(--scale));height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer;transition:border-color .15s,background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply{border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-action-default);color:var(--text-heading-inverse);cursor:pointer;transition:background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:hover:not(:disabled){background:#2563eb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:disabled{background:#bfdbfe}.date-picker-wrapper .calendar-dropdown:has(.dual-calendar):after{content:\"\";position:absolute;top:calc(1.3333333333rem / var(--scale));left:calc(30.3333333333rem / var(--scale));width:calc(.0833333333rem / var(--scale));height:83%;background-color:var(--border-core-default)}button{min-width:unset;height:unset}@keyframes dropIn{0%{opacity:0;transform:translateY(calc(-.5rem / var(--scale)))}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], template: "<div class=\"date-picker-wrapper\" id=\"custom-date\">\r\n  <!-- Label -->\r\n  @if (label) {\r\n    <label class=\"date-label\">{{ label }}</label>\r\n  }\r\n\r\n  <!-- Input Trigger -->\r\n  @if (showTrigger) {\r\n    <div\r\n      class=\"date-input\"\r\n      [class.is-open]=\"isOpen\"\r\n      [class.has-value]=\"displayValue\"\r\n      (click)=\"toggleCalendar()\"\r\n    >\r\n      <span class=\"date-input-text\" [class.custom-placeholder]=\"!displayValue\">\r\n        {{ displayValue || config.placeholder || \"Select date\" }}\r\n      </span>\r\n\r\n      <svg\r\n        class=\"calendar-icon\"\r\n        width=\"16\"\r\n        height=\"16\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n      >\r\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\r\n        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\r\n        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\r\n        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\r\n      </svg>\r\n\r\n      <!-- @if (displayValue) {\r\n        <span class=\"clear-btn\" (click)=\"$event.stopPropagation(); clearDate()\">\r\n          <img src=\"images/x.svg\" alt=\"\" />\r\n        </span>\r\n      } -->\r\n    </div>\r\n  }\r\n\r\n  <!-- Calendar Dropdown -->\r\n  @if (!showTrigger || isOpen) {\r\n    <div\r\n      catsOutsideClick\r\n      (clickOutSide)=\"isOpen = false\"\r\n      id=\"date-input-container\"\r\n      class=\"calendar-dropdown sp-16 br-8\"\r\n      [ngClass]=\"{ 'month-year-view': calenderView != 'day' }\"\r\n    >\r\n      <div class=\"calendar-header sm-b-12\">\r\n        <div class=\"nav-btn br-4\" (click)=\"prevMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n        </div>\r\n        <div class=\"month-year body-medium\">\r\n          @if (mode === \"dual\") {\r\n            @if (calenderView == \"day\" || activeCalendar != \"secondary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('primary', 'month')\">{{\r\n                  currentMonthName\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('primary', 'year')\">{{\r\n                  currentYear\r\n                }}</span>\r\n              </div>\r\n            }\r\n\r\n            @if (calenderView == \"day\" || activeCalendar != \"primary\") {\r\n              <div class=\"month-year-wrapper\">\r\n                <span class=\"month\" (click)=\"openView('secondary', 'month')\">{{\r\n                  monthNames[currentMonth2]\r\n                }}</span>\r\n                <span class=\"year\" (click)=\"openView('secondary', 'year')\">{{\r\n                  currentYear2\r\n                }}</span>\r\n              </div>\r\n            }\r\n          } @else {\r\n            <div class=\"month-year-wrapper\">\r\n              <span class=\"month\" (click)=\"calenderView = 'month'\">{{\r\n                currentMonthName\r\n              }}</span>\r\n              <span class=\"year\" (click)=\"calenderView = 'year'\">{{\r\n                currentYear\r\n              }}</span>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"nav-btn br-4\" (click)=\"nextMonth()\" type=\"button\">\r\n          <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n\r\n      @if (calenderView == \"month\") {\r\n        <div class=\"month-grid\">\r\n          @for (month of monthNames; track month) {\r\n            <span\r\n              class=\"month\"\r\n              (click)=\"selectMonth(month)\"\r\n              [ngClass]=\"{ selected: month == activeMonthName }\"\r\n              >{{ month }}</span\r\n            >\r\n          }\r\n        </div>\r\n      } @else if (calenderView == \"year\") {\r\n        <div class=\"year-selector\">\r\n          <span class=\"navigation-button pointer\" (click)=\"previousYearRange()\">\r\n            <img src=\"images/chevron-left.svg\" alt=\"\" />\r\n          </span>\r\n          <div class=\"year-grid\">\r\n            @for (year of yearRange; track year) {\r\n              <span\r\n                class=\"year\"\r\n                (click)=\"selectYear(year)\"\r\n                [ngClass]=\"{ selected: year == activeYearValue }\"\r\n                >{{ year }}</span\r\n              >\r\n            }\r\n          </div>\r\n          <span class=\"navigation-button pointer\" (click)=\"nextYearRange()\">\r\n            <img src=\"images/chevron-right.svg\" alt=\"\" />\r\n          </span>\r\n        </div>\r\n      } @else {\r\n        <!-- Weekday Headers -->\r\n        <div class=\"day_wrapper\">\r\n          @if (mode === \"dual\") {\r\n            <div class=\"dual-calendar\">\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth\"\r\n                  [year]=\"currentYear\"\r\n                  [calendarDays]=\"calendarDays\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'primary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n\r\n              <div class=\"calendar-panel\">\r\n                <custom-calendar-grid\r\n                  [month]=\"currentMonth2\"\r\n                  [year]=\"currentYear2\"\r\n                  [calendarDays]=\"calendarDays2\"\r\n                  [weekDays]=\"weekDays\"\r\n                  [parent]=\"this\"\r\n                  (daySelected)=\"onDaySelected($event, 'secondary')\"\r\n                ></custom-calendar-grid>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <custom-calendar-grid\r\n              [month]=\"currentMonth\"\r\n              [year]=\"currentYear\"\r\n              [calendarDays]=\"calendarDays\"\r\n              [weekDays]=\"weekDays\"\r\n              [parent]=\"this\"\r\n              (daySelected)=\"onDaySelected($event, 'primary')\"\r\n            ></custom-calendar-grid>\r\n          }\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          class=\"calendar-footer sm-b-16\"\r\n          [ngClass]=\"{ 'dual-calendar': config.mode === 'dual' }\"\r\n        >\r\n          <!-- SINGLE MODE footer -->\r\n          @if (mode === \"single\" && showDateLabel) {\r\n            <div class=\"calendar-footer-wrapper\">\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">Date</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempDisplayValue\r\n                  }}</span>\r\n                  @if (tempDate) {\r\n                    <img\r\n                      (click)=\"cancelDate('single')\"\r\n                      src=\"images/x-cancel-btn.svg\"\r\n                      alt=\"\"\r\n                    />\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n            @if (time) {\r\n              <cats-time-input\r\n                [(ngModel)]=\"singleTimeInSeconds\"\r\n                (timeChange)=\"onSingleTimeChange($event)\"\r\n              ></cats-time-input>\r\n            }\r\n          }\r\n\r\n          <!-- RANGE MODE footer -->\r\n          @if (mode === \"range\" || mode === \"dual\") {\r\n            <div\r\n              class=\"calendar-footer-wrapper\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\">\r\n                <span class=\"footer-label body-large sp-x-12\">From</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempFromDisplay\r\n                  }}</span>\r\n                  @if (tempFrom) {\r\n                    <img\r\n                      (click)=\"cancelDate('from')\"\r\n                      src=\"images/x-cancel-btn.svg\"\r\n                      alt=\"\"\r\n                    />\r\n                  }\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"fromTimeInSeconds\"\r\n                  (timeChange)=\"onFromTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n            <div\r\n              class=\"dual-calendar-border-top\"\r\n              [ngClass]=\"{ 'calendar-footer-wrapper': time, 'sp-t-12': time }\"\r\n              [ngStyle]=\"{ width: mode === 'dual' ? '50%' : '100%' }\"\r\n            >\r\n              <div class=\"footer-row label-row\" [class.muted]=\"!tempTo\">\r\n                <span class=\"footer-label body-large sp-x-12\">To</span>\r\n                <div class=\"footer-value-wrapper sp-x-12\">\r\n                  <span class=\"footer-value body-large\">{{\r\n                    tempToDisplay\r\n                  }}</span>\r\n                  @if (tempTo) {\r\n                    <img\r\n                      (click)=\"cancelDate('to')\"\r\n                      src=\"images/x-cancel-btn.svg\"\r\n                      alt=\"\"\r\n                    />\r\n                  }\r\n                </div>\r\n              </div>\r\n              @if (time) {\r\n                <cats-time-input\r\n                  [(ngModel)]=\"toTimeInSeconds\"\r\n                  (timeChange)=\"onToTimeChange($event)\"\r\n                ></cats-time-input>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n        <!-- Action Buttons -->\r\n        <div class=\"footer-actions\">\r\n          <button\r\n            class=\"btn-cancel footer-btn body-medium\"\r\n            (click)=\"onCancel()\"\r\n            type=\"button\"\r\n          >\r\n            Cancel\r\n          </button>\r\n          <button\r\n            class=\"btn-apply footer-btn body-medium\"\r\n            (click)=\"onApply()\"\r\n            type=\"button\"\r\n            [disabled]=\"!canApply\"\r\n          >\r\n            Apply\r\n          </button>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":root{--white: #ffffff;--white-50: rgba(255, 255, 255, .582);--black: #1f1f1f;--default: #000000;--black-900: #202224;--pagination-text: var(--neutral-500);--black-dust: #1a1a1a;--neutral-cross: #d9d9d9;--neutral-40: #d5d7da;--neutral-50: #f0f0f0;--neutral-100: #e6e7e8;--neutral-200: #dadbdc;--neutral-300: #c0c2c5;--neutral-400: #81858a;--neutral-500: #434a51;--neutral-600: #040d17;--neutral-900: #010306;--blue-700: #1c60af;--blue-600: #2680ea;--blue-400: #92bff4;--blue-100: #eaf3fd;--blue-300: #c8dff9;--blue-200: #dfecfc;--blue-50: #f7fafe;--blue-800: #1849d6;--grey-50: #e9eaeb;--grey-100: #e2e8f0;--grey-150: #d6d6d6;--grey-200: #64748b;--grey-300: #414651;--grey-400: #8080808c;--grey-600: #535862;--light-grey: #81858a;--dark-grey: #4a4a4a;--green-50: #f7fbf7;--green-100: #ecf4ec;--green-200: #2a6a2d;--green-400: #9bc69d;--green-600: #388e3c;--green-700: rgba(42, 106, 45, 1);--red: #ff0000;--red-50: #fdf7f7;--red-100: #f0c9c9;--red-200: #f7dfdf;--red-300: #f2f2f2;--red-700: #941e1e;--yellow-50: #fffdf5;--yellow-100: #fff5e6;--yellow-200: #fff6da;--yellow-300: #ffefc1;--yellow-400: #fff9e7;--yellow-500: #bf7200;--yellow-600: #ffc107;--yellow-700: #bf9105;--yellow-800: #806003;--yellow-900: #bf9105;--orange-50: rgba(255, 251, 245, 1);--orange-100: #fff5e6;--orange-200: #fff0d9;--orange-600: #ff9800;--orange-700: rgba(191, 114, 0, 1);--box-shadow: #0a0d1208;--box-shadow-100: #0000001f;--box-shadow-200: #0a0d1214;--grid-box-shadow: #0000000a;--model-shadow: rgba(0, 0, 0, .08);--canvas-shadow: #00000014;--chunk-shadow: #0a0d120d;--loader-border: #6f7b93;--modal-bg: rgba(4, 13, 23, .3);--checkbox-border: #0d6efd;--filter-600: rgba(0, 0, 0, .644);--feather-bg: #fafafa;--text-heading-primary: #040D17;--text-heading-secondary: #434A51;--text-heading-inverse: #FFFFFF;--text-body-primary: #434A51;--text-body-secondary: #81858A;--text-body-muted: #C0C2C5;--text-body-inversed: #FFFFFF;--text-link-default: #2680EA;--text-link-hover: #1C60AF;--text-link-muted: #C8DFF9;--text-link-inverse: #5CA0EF;--surface-background-canvas: #FFFFFF;--surface-background-default: #F0F0F0;--surface-background-subtle: #E6E7E8;--surface-background-blue: #F7FAFE;--surface-contextual-green: #F7FBF7;--surface-contextual-red: #FDF7F7;--surface-contextual-yellow: #FFFDF5;--surface-decorative-sage-green: #F3FCF9;--surface-decorative-amber-brown: #F9F1F1;--surface-decorative-teal: #EAFAFB;--surface-decorative-pink: #F9EBF5;--surface-decorative-orange: #FFFBF5;--surface-decorative-purple: #F4F0FA;--surface-decorative-blue: #F7FAFE;--surface-action-default: #2680EA;--surface-action-hover: #1C60AF;--surface-action-muted: #E6E7E8;--border-core-default: #DADBDC;--border-core-muted: #E6E7E8;--border-core-strong: #C0C2C5;--border-core-inverted: #81858A;--border-interaction-default: #DFECFC;--border-interaction-focus: #2680EA;--border-semantics-red: #F7DFDF;--border-semantics-green: #CDE2CE;--border-semantics-yellow: #FFEFC1;--border-decorative-purple: #D9C9ED;--border-decorative-orange: #FFE5BF;--border-decorative-pink: #EEC2E0;--border-decorative-teal: #B0EDEE;--border-decorative-amber-brown: #E5C1C5;--border-decorative-sage-green: #A8E9D2;--icons-main-primary: #040D17;--icons-main-secondary: #434A51;--icons-main-hover: #2680EA;--icons-main-muted: #C0C2C5;--icons-main-inverse: #FFFFFF;--semantics-success-subtle: #6AAA6D;--semantics-success-default: #388E3C;--semantics-success-strong: #2A6A2D;--semantics-error-subtle: #D45E5E;--semantics-error-default: #FF0000;--semantics-error-strong: #941E1E;--semantics-warning-subtle: #FFD145;--semantics-warning-default: #FFC107;--semantics-warning-strong: #BF9105;--accent-orange-subtle: #FFB240;--accent-orange-default: #FF9800;--accent-orange-strong: #BF7200;--accent-teal-subtle: #6ADEDF;--accent-teal-default: #2AC7C9;--accent-teal-strong: #23A4A6;--accent-purple-subtle: #976DCD;--accent-purple-default: #8656C5;--accent-purple-strong: #733FB7;--accent-amber-brown-subtle: #DEAFB4;--accent-amber-brown-default: #CF8A91;--accent-amber-brown-strong: #C77880;--accent-sage-green-subtle: #33C994;--accent-sage-green-default: #29A277;--accent-sage-green-dark: #1F7A5A;--accent-pink-subtle: #D772B9;--accent-pink-default: #D058AB;--accent-pink-dark: #C83D9E}html{font-size:12px}.pointer{cursor:pointer}.d-none{display:none}.textTruncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.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))}.cats-checkbox-container,.cats-item,.cats-multiitem{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));font-size:var(--fs-16);line-height:calc(1.6666666667rem / var(--scale));font-weight:400;margin-bottom:calc(.6666666667rem / var(--scale));color:var(--text-heading-primary)}.cats-checkbox-container.disabled-option,.cats-item.disabled-option,.cats-multiitem.disabled-option{color:var(--text-body-muted);pointer-events:none}.cats-checkbox-container.disabled-option input[type=checkbox]:checked,.cats-item.disabled-option input[type=checkbox]:checked,.cats-multiitem.disabled-option input[type=checkbox]:checked{background-color:var(--surface-background-subtle);border-color:var(--border-core-default)}.cats-checkbox-container.disabled-option input[type=checkbox]:checked:after,.cats-item.disabled-option input[type=checkbox]:checked:after,.cats-multiitem.disabled-option input[type=checkbox]:checked:after{background-image:url(/images/check-disabled.svg)}.cats-checkbox-container.disabled-option::selection,.cats-item.disabled-option::selection,.cats-multiitem.disabled-option::selection{background-color:transparent}.cats-checkbox-container input[type=checkbox],.cats-item input[type=checkbox],.cats-multiitem input[type=checkbox]{appearance:none;-webkit-appearance:none;width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));min-width:calc(1.3333333333rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.3333333333rem / var(--scale));cursor:pointer;background-color:var(--surface-background-canvas);position:relative;transition:all .2s ease}.cats-checkbox-container input[type=checkbox]:after,.cats-item input[type=checkbox]:after,.cats-multiitem input[type=checkbox]:after{content:\"\";display:none;position:absolute;top:calc(-.0833333333rem / var(--scale));left:calc(-.0833333333rem / var(--scale));width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));background-size:auto;background-repeat:no-repeat;background-position:center}.cats-checkbox-container input[type=checkbox]:checked,.cats-item input[type=checkbox]:checked,.cats-multiitem input[type=checkbox]:checked{border-color:var(--border-interaction-focus);background-color:var(--surface-action-default)}.cats-checkbox-container input[type=checkbox]:checked:after,.cats-item input[type=checkbox]:checked:after,.cats-multiitem input[type=checkbox]:checked:after{display:block;background-image:url(/images/check-white.svg);background-size:calc(.6666666667rem / var(--scale)) calc(.5rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:indeterminate,.cats-item input[type=checkbox]:indeterminate,.cats-multiitem input[type=checkbox]:indeterminate{border-color:var(--border-interaction-focus);background-color:var(--surface-background-canvas)}.cats-checkbox-container input[type=checkbox]:indeterminate:after,.cats-item input[type=checkbox]:indeterminate:after,.cats-multiitem input[type=checkbox]:indeterminate:after{display:block;top:0;background-image:url(/images/minus-blue.svg);background-size:calc(.5833333333rem / var(--scale)) calc(.0833333333rem / var(--scale))}.cats-checkbox-container input[type=checkbox]:disabled,.cats-item input[type=checkbox]:disabled,.cats-multiitem input[type=checkbox]:disabled{cursor:default;background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:disabled+span,.cats-item input[type=checkbox]:disabled+span,.cats-multiitem input[type=checkbox]:disabled+span{color:var(--text-body-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled,.cats-item input[type=checkbox]:checked:disabled,.cats-multiitem input[type=checkbox]:checked:disabled{background-color:var(--surface-background-default);border-color:var(--border-core-muted)}.cats-checkbox-container input[type=checkbox]:checked:disabled:after,.cats-item input[type=checkbox]:checked:disabled:after,.cats-multiitem input[type=checkbox]:checked:disabled:after{display:block;background-image:url(/images/check-disabled.svg)}:root{--fs-6: 6px;--fs-8: 8px;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-30: 30px;--fs-32: 32px;--fs-42: 42px;--fs-48: 48px;--img-w: 28px;--scale: 1}@media only screen and (min-width: 1024px) and (max-width: 1280px){:root{--scale: 1.5;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1360px) and (max-width: 1440px){:root{--scale: 1.33;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}@media only screen and (min-width: 1536px) and (max-width: 1919px){:root{--scale: 1.25;--fs-6: calc(6px / var(--scale));--fs-8: calc(8px / var(--scale));--fs-10: calc(10px / var(--scale));--fs-12: calc(12px / var(--scale));--fs-14: calc(14px / var(--scale));--fs-16: calc(16px / var(--scale));--fs-18: calc(18px / var(--scale));--fs-20: calc(20px / var(--scale));--fs-24: calc(24px / var(--scale));--fs-28: calc(28px / var(--scale));--fs-30: calc(30px / var(--scale));--fs-32: calc(32px / var(--scale));--fs-42: calc(42px / var(--scale));--fs-48: calc(48px / var(--scale))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{font-size:100%}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}h1,h2,h3,h4,h5,h6,ul,ol p{margin:0;padding:0;text-wrap:pretty}ul[role=list],ol[role=list],ul{list-style:none}img,picture{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:8px}input,select,textarea{outline:none;box-shadow:none}.date-picker-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.5rem / var(--scale));font-family:Inter,-apple-system,sans-serif}.date-picker-wrapper .date-label{font-size:var(--fs-12);line-height:calc(1.3333333333rem / var(--scale));font-weight:500;color:#6b7280}.date-picker-wrapper .date-input{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));padding:0 calc(1rem / var(--scale));width:100%;height:calc(4rem / var(--scale));border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.4166666667rem / var(--scale));background:var(--surface-background-canvas);cursor:pointer;min-width:calc(16.6666666667rem / var(--scale));transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.date-picker-wrapper .date-input:hover{border-color:var(--border-interaction-focus)}.date-picker-wrapper .date-input .calendar-icon{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale));color:#9ca3af;flex-shrink:0}.date-picker-wrapper .date-input .date-input-text{flex:1;font-size:var(--fs-16);line-height:calc(2rem / var(--scale));font-weight:500;color:var(--text-heading-secondary);background-color:var(--surface-background-canvas)}.date-picker-wrapper .date-input .date-input-text.custom-placeholder{color:#9ca3af;font-weight:400}.date-picker-wrapper .date-input .clear-btn{cursor:pointer;padding:calc(.1666666667rem / var(--scale)) calc(.4166666667rem / var(--scale));transition:background .15s}.date-picker-wrapper .date-input .clear-btn:hover{background:#f3f4f6}.date-picker-wrapper .calendar-dropdown{min-width:calc(30.6666666667rem / var(--scale));max-width:calc(60.6666666667rem / var(--scale));min-height:calc(34.5rem / var(--scale));position:absolute;top:calc(100% + .0833333333rem / var(--scale));left:0;z-index:1000;background:var(--surface-background-canvas);border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.6666666667rem / var(--scale)) calc(1.3333333333rem / var(--scale)) calc(.6666666667rem / var(--scale)) var(--canvas-shadow);overflow:hidden;animation:dropIn .15s ease}.date-picker-wrapper .calendar-dropdown.open-top{top:auto;bottom:calc(100% + .0833333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown.month-year-view{width:calc(30.8333333333rem / var(--scale));min-height:calc(34.5rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;flex:1;margin:0 calc(7.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper{width:calc(7.3333333333rem / var(--scale));height:calc(1.6666666667rem / var(--scale));display:flex;flex-direction:row;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .month{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-header .month-year .month-year-wrapper .year{color:var(--text-body-secondary)}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(2.6666666667rem / var(--scale));height:calc(2.6666666667rem / var(--scale));cursor:pointer;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);box-shadow:0 calc(.0833333333rem / var(--scale)) calc(.1666666667rem / var(--scale)) 0 var(--chunk-shadow);background-color:var(--surface-background-canvas);transition:background .15s,color .15s}.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn i-feather,.date-picker-wrapper .calendar-dropdown .calendar-header .nav-btn img{width:calc(1.3333333333rem / var(--scale));height:calc(1.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.4166666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-selector .year-grid{flex:1;border-top:none;padding-top:0;height:calc(27.25rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid,.date-picker-wrapper .calendar-dropdown .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(.25rem / var(--scale));font-size:var(--fs-16);line-height:calc(2.3333333333rem / var(--scale));font-weight:500;height:calc(28.3333333333rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(1rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month,.date-picker-wrapper .calendar-dropdown .year-grid .year,.date-picker-wrapper .calendar-dropdown .month-grid .month,.date-picker-wrapper .calendar-dropdown .month-grid .year{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;cursor:pointer;border-radius:calc(.3333333333rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .year-grid .month:hover,.date-picker-wrapper .calendar-dropdown .year-grid .month.selected,.date-picker-wrapper .calendar-dropdown .year-grid .year:hover,.date-picker-wrapper .calendar-dropdown .year-grid .year.selected,.date-picker-wrapper .calendar-dropdown .month-grid .month:hover,.date-picker-wrapper .calendar-dropdown .month-grid .month.selected,.date-picker-wrapper .calendar-dropdown .month-grid .year:hover,.date-picker-wrapper .calendar-dropdown .month-grid .year.selected{color:var(--text-heading-inverse);background-color:var(--surface-action-default);transition:ease-in-out .2s}.date-picker-wrapper .calendar-dropdown .day_wrapper .dual-calendar{display:grid;grid-template-columns:1fr 1fr;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .day_wrapper .calendar-panel{display:flex;flex-direction:column}.date-picker-wrapper .calendar-dropdown .calendar-footer{display:flex;flex-direction:column;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .calendar-footer-wrapper{border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));width:100%;padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);border-radius:calc(.6666666667rem / var(--scale));width:100%;height:calc(4rem / var(--scale));overflow:hidden}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted{background:#f9fafb}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row.label-row.muted .footer-value{color:#9ca3af}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-label{color:var(--text-heading-primary);height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;min-width:calc(5rem / var(--scale));border-right:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);background:var(--surface-background-default)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:calc(.8333333333rem / var(--scale));flex:1}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper .footer-value{color:var(--text-heading-primary)}.date-picker-wrapper .calendar-dropdown .calendar-footer .footer-row .footer-value-wrapper img{cursor:pointer}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar{display:flex;flex-direction:row;justify-content:\"\";align-items:\"\";flex-wrap:nowrap;gap:calc(2rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .calendar-footer.dual-calendar .dual-calendar-border-top{display:flex;flex-direction:column;justify-content:\"\";align-items:center;flex-wrap:nowrap;gap:calc(.6666666667rem / var(--scale));border-top:calc(.0833333333rem / var(--scale)) solid var(--border-core-default);padding-top:calc(.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:calc(2.6666666667rem / var(--scale))}.date-picker-wrapper .calendar-dropdown .footer-actions .footer-btn{width:calc(7.5rem / var(--scale));height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel{border:calc(.0833333333rem / var(--scale)) solid var(--border-core-strong);border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-background-canvas);color:var(--text-body-primary);cursor:pointer;transition:border-color .15s,background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply{border:calc(.0833333333rem / var(--scale)) solid transparent;border-radius:calc(.3333333333rem / var(--scale));background:var(--surface-action-default);color:var(--text-heading-inverse);cursor:pointer;transition:background .15s}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:hover:not(:disabled){background:#2563eb}.date-picker-wrapper .calendar-dropdown .footer-actions .btn-apply:disabled{background:var(--surface-background-default);border-color:var(--border-core-strong);color:var(--text-body-muted);pointer-events:none}.date-picker-wrapper .calendar-dropdown:has(.dual-calendar):after{content:\"\";position:absolute;top:calc(1.3333333333rem / var(--scale));left:calc(30.3333333333rem / var(--scale));width:calc(.0833333333rem / var(--scale));height:83%;background-color:var(--border-core-default)}button{min-width:unset;height:unset}@keyframes dropIn{0%{opacity:0;transform:translateY(calc(-.5rem / var(--scale)))}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { config: [{
                 type: Input
             }], label: [{